为什么我无法从 React/ReactNative 客户端应用程序侦听 socket.io 事件？

Question

我是socket.io的新手，我与React和React Native一起使用了它。在我的方案中，服务器会发出"接入书"事件。因此，客户需要捕捉此事件，并在控制台中打印"预订详细信息"。

我尝试了以下操作，但对我不起作用。

export default class App extends Component<Props> {
    componentDidMount () {
        const socket = io.connect("http://localhost:3000/riders");
        const username = "[e-mail]";
        const data = {
            username: username,
            room: username,
            location: {
                latitude: 6.8741,
                longitude: 79.8605,
            }
        }
        socket.emit('joinRoom', {room: username});
        socket.emit('updateLocation', data);
        socket.on('incomingBooking', function (details) {
            console.log('Booking!!!', details);
        });
        console.log("Done")
    }
    render() {
        return (
            <Drawer/>
        );
    }
}

Answer 1

您可以描述如何从服务器发送信息吗？

此示例应该很好：

//server.js
const io=require('socket.io')();
io.on('connect',(socket)=>{
    console.log('socket connected');
    socket.on('updateLocation',(msg)=>{
        console.log('updateLocation request');
        socket.emit('incomingBooking',{
            test:'data'
        })
    })
})
io.listen(3000)

请注意：当您在客户端使用socket.on('eventName')时，必须在服务器端使用socket.emit('eventName')，socket.send('something')无法正常工作。