2016-09-27 53 views
0

我正在寻找与反应和套接字io的聊天应用程序。但我真的不知道如何将socket.io语法与反应混合。我主要是想知道如何在客户端实现socket.emit和socket.on的反应。到目前为止,我得到了socket.io-client端模块,并且听说它们应该包含在componentsnetDidMount中,ty!Socket.emit和Socket.on翻译成反应js

回答

2

进口socket.io ...

类里面

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

我假设你有

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

地方

0

阵营的理念是让你的页面视图你的数据(状态)的一个(渲染)功能。如果您想要纳入不同的数据,您只需将其与React的状态进行整合即可。因此,在componentDidMount中,设置套接字的事件处理程序来调用setState,并且React将用新状态重新呈现。