Socket.emit和Socket.on翻译成反应js

Question

我正在寻找一个带有react和socket io的聊天应用程序。但我真的不知道如何将socket.io语法与react混合使用。我主要想知道如何在客户端实现socket.emit和socket.on with react。到目前为止，我得到了socket.io-client端模块，并听说它们应该包含在componentsnetDidMount中，ty！

Answer 1

导入socket.io ...

在课堂内

  componentDidMount(){
      socket.on('someEvent', function(data){
        //do something with the data
      });
   }

我假设你有

socket.emit('someEvent', {lang: 'js'});

某处

Answer 2

React的理念是让您的页面查看数据（状态）的（渲染）功能。如果您想要合并不同的数据，只需将其与React的状态集成即可。所以在componentDidMount中，设置套接字的事件处理程序来调用setState，React将使用新状态重新呈现。