Question

我正在学习Socket.IO，我试图做一些非常简单的事情，在连接时从服务器向客户端发出一些文本（此方法有效），并从客户端向服务器发出信号（此方法无效）。这是我的客户端代码（ReactJS组件）

import React, { Component } from 'react';

const io = require('socket.io-client');
const socket = io.connect('http://x.x.x.x:xxxx');

class Client extends Component {
    constructor(props) {
        super(props);
        this.state = {
            String1: 'No text yet',
        }
    }
    componentDidMount() {
        socket.on("message", data => this.setState({ String1: data }));

        { socket.emit('Update', 'test') }
    };
    render() {
        return (
            <div>
                String1 is: {this.state.String1}
            </div>
        );
    }
}
export default Client;

这是我的服务器代码（NodeJS）：

const server = require('http').createServer() 
const io = require('socket.io')(server) 

io.on('connection', function (socket) { 
        console.log('client connected'); 
        socket.emit('message', 'You are connected'); 
        io.on('Update', function(ttext){     
                console.log('Updated'); 
        }); 
}); 

io.sockets.on("disconnect", () => console.log("Client disconnected")); 

server.listen(3000, function (err) { 
          if (err) throw err 
          console.log('listening on port 3000') 
})

客户端：在浏览器上，我正确地看到“没有文本”，并且一旦客户端连接到服务器，它就会更改为“您已连接”。

但是，在服务器端，在每个客户端浏览器刷新时，我只看到终端上的“客户端已连接”，但没有其他内容，没有“更新”，也没有“客户端已断开”。

我在做什么错了？

Answer 1

我认为您需要将消息事件处理程序附加到提供的socket连接对象上，而不是附加到io服务器实例上：

socket.on('Update', function(ttext){     
    console.log('Updated'); 
});

带有Socket.IO的ReactJS，服务器向客户端发送，但客户端不向服务器发送

1 个答案: