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將用新狀態重新呈現。