他のコンポーネントの状態を更新するにはどうすればいいですか？

Question

私はかなり反応して、いくつかのコンポーネントを動作させようとしています。私は

ObjectBの状態をObjectBから更新したいと考えています。どのようにしてObjectBのupdateMyStateメソッドをObjectBで呼び出すことができますか？ ありがとう！

Answer 1

リアクションの基本的な考え方は、一方向のデータフローです。つまり、データは祖先コンポーネントから子のプロパティを介してその子へと下向きにのみ共有されます。この単純な例では、Fluxをアーキテクチャやイベントエミッタのように放置しておく必要はありません。

コンポーネントの状態を外部から変更する場合は、親のrenderメソッドで受け取る小道具を変更するだけです。 myStateは実際にObjectBに存在し、ObjectAにプロパティとして渡されます。あなたの例では、このようになりますこと：

ObjectA:React.createClass({ 
    propTypes: { 
     ... 

    }, 

    render: function() { 
     return (<div className="my-class">'hello' +{ this.props.name }</div>); 
     } 
}); 

ObjectB:React.createClass({ 
    propTypes: { 
     ... 

    }, 

    getInitialState: function() { 
     return { 
      name: null 
     } 
    }, 

    onNameChange: function(newName) { 
     this.setState({ name: newName }) 
    }, 

    render: function() { 
     return (
      <div className="my-class"> 
       <ObjectA name={ this.state.name } /> 
      </div> 
     ); 
    } 
});