のアクセスは、ソケットIOリスナー

Question

からコンポーネントに反応しますコンポーネントの外側からDashboardcreateMessageメソッドにアクセスする方法はありますか？

またDashboardcomponentは常にイベントをリッスンし、私はこのような何かを行うことができます持ってする方法があります：

var socket = io.connect() 

const Dashboard = React.createClass({ 

    alwaysListenForEvent: function() { 
     socket.on('new-message', (data) => { 
      console.log("ALL CLIENTS SHOULD GET THIS MESSAGE") 
      this.createMessage(data.id, data.body, data.context, data.urgent, data.customContext) 
     }) 
    } 

    createMessage: function(id, body, context, urgent, customContext) { 

    this.setState({ 
     messages: [ 
     ...this.state.messages, 
     {id: id, user_id: this.state.currentUser, body: body, context: context, urgent: urgent, customContext: customContext} 
     ] 
    }) 
    } 
    }) 

Answer 1

あなたはソケットHoCかcontainer componentであなたのダッシュボードコンポーネントを包むことができます。

例コード：

class SocketListener extends React.Component { 
    state = { 
    messages: [] 
    } 
    componentDidMount() { 
    socket.on('new-message', (data) => { 
     this.setState({ messages: this.state.messages.concat(data) }) 
    }); 
    } 

    render() { 
    return (
     <Dashboard 
     messages={this.state.messages} 
     /> 
    ) 
    } 
} 

ダッシュボードコンポーネントがメッセージについて何を知っている必要はありませんこの方法です。