Socket.emitとSocket.onが反応するように翻訳されました

Question

私はreactとsocket ioでチャットアプリを作りたいと思っています。しかし、私は実際にsocket.ioの構文を反応させる方法を知らない。私はほとんどの場合、socket.emitとsocket.onをクライアント側に実装する方法を知りたいと考えています。これまでのところ、私はsocket.io-client側のモジュールを得て、componenetDidMountに含めるべきであると聞いていました。

Answer 1

輸入socket.io ...

あなたのクラスの中

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

私はあなたがどこかに

Answer 2

のリアクト哲学はあなたのページビューを作ることです

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

を持っていると仮定していますデータ（状態）の（レンダリング）機能。異なるデータを組み込む場合は、単純にReactの状態と統合する必要があります。したがって、componentDidMountでは、setStateを呼び出すようにソケットのイベントハンドラを設定し、Reactは新しい状態で再描画します。