どのようにスタティックリアクション機能で状態を設定できますか？

Question

私は通知クラスを持っています、通知メッセージはoutsiedeから設定されるものとします。今、this.setStateは定義されていません。これをどうすれば解決できますか？

が反応：

const Notification = React.createClass({ 

    statics: { 
    createAlert: function(message) { 
     this.setState({message: message}); 
    } 
    }, 

    getInitialState: function() { 
    return { 
     message: '', 
    }; 
    }, 

Answer 1

静は、インスタンスを持っていません。それは統計の全体点です。つまり、クラス間で共有されているため、thisというコンテキストが動作しません。静的でこれを行うべきではありません。私はES6構文しか使用していないので、構文的に間違っている可能性があります。

const Notification = React.createClass({ 
    setMessage: function(message) { 
     this.setState({message: message}); 
    } 
    getInitialState: function() { 
     return { 
      message: '', 
     }; 
    } 
    render: function() { 
     return (
      //Pass the setMessage function as a prop to a child class 
      //You will need to .bind() setMessage somewhere 
      <ChildClass setMessage={this.setMessage} /> 
     ) 
    } 
}); 

const ChildClass = React.createClass({ 

    doSomething: function() { 
     this.props.setMessage("Hello"); 
    } 
    render: function() { 
     return (

     ) 
    } 
}); 

子クラスが複数のレベルでネストされている場合は、redux、fluxのような状態管理を使用するか、リアクションのコンテキストを使用できます。