Socket.emit 和 Socket.on 翻译成 react js

【问题标题】：Socket.emit and Socket.on translated to react jsSocket.emit 和 Socket.on 翻译成 react js
【发布时间】：2017-02-05 09:28:28
【问题描述】：

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

【问题讨论】：

标签： node.js express reactjs socket.io

【解决方案1】：

导入 socket.io...

在你的班级里

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

我假设你有

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

某处

【讨论】：

【解决方案2】：

React 的理念是让您的页面视图成为数据（状态）的（呈现）函数。如果你想合并不同的数据，你只需要将它与 React 的状态集成。所以在componentDidMount中，设置socket的事件处理函数调用setState，React会用新的状态重新渲染。

【讨论】：