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

Question

我正在寻找与反应和套接字io的聊天应用程序。但我真的不知道如何将socket.io语法与反应混合。我主要是想知道如何在客户端实现socket.emit和socket.on的反应。到目前为止，我得到了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的状态进行整合即可。因此，在componentDidMount中，设置套接字的事件处理程序来调用setState，并且React将用新状态重新呈现。