は、多くのタブ

Question

で保存ボタンを共有する私はあなたがバックエンドで独立したエンティティを作成することができ、すべてのタブコンポーネントは、彼と関連しているすべてのタブで

class MyComponent extends React.Component { 
    render() { 
     return (
      <div class="row"> 
       <MyMenuComponentTab></MyMenuComponentTab> 
       <Tab1></Tab1> 
       <Tab2></Tab2> 
       <Tab3></Tab3> 
      </div> 
      <div class="row"> 
       <button onClick={this.handleButton}>SAVE</button> 
      </div> 
     ) 
    } 
} 

ようReactComponentでstrucureを持っていますFLUXでの独自のストアとアクション

私の質問は、保存ボタンを文脈的にすることができるかどうかです。そのボタンを押すと、関数 "handleButton"で処理できます。アクションとストアは関連しています。

最も簡単な方法は、すべてのタブに保存ボタンを埋め込んだりすることですが、グラフィカルなデザインの制約のために不可能です。

Answer 1

MyComponentの状態のアクティブなタブを追跡できます。次に、アクティブなタブを反映するように状態を変更する各Tabにコールバックを渡すことができます。そうすれば、handleButton関数は、コンテキスト内でセーブアクションを処理するためにthis.state.activeTabにアクセスする必要があります。