2016-08-18 8 views
0

私はTableクラスとMenuクラスを持っているとしましょう。 Menuクラスには、Tableクラスのヘッダーのリストがあります。 Menuクラスには、ヘッダーの表示を切り替える機能があります。React - 2つのコンポーネントが互いに話し合います

私はこれにどのようにアプローチすればよいですか?私はTableClassの両方を含む第3のコンポーネントを作成することを考えていましたが、それらのやりとりを容易にしましたが、どのように構文的に見えるかはまだわかりません(残念ながら、まだReactを取り上げようとしています)。

これに近づくより良い方法がある場合は、お気軽にお答えください。

ありがとうございます!

+0

あなたはこれを読んでましたか? https://facebook.github.io/react/tips/communicate-between-components.html – azium

+0

ええ、私はしましたが、私の質問には直接触れません。私は2つの異なるクラス間のやりとりをどのように円滑にするのだろうと思っていましたか –

+0

それはそうですが、おそらく直接ではありません。兄弟は直接お互いに話すことができないので、親は共通の先祖を介して通信するように親に小道具とコールバック関数を送信する必要があります – azium

答えて

0

2つの無関係なコンポーネント(子と親の関係ではない)の場合は、一種のイベントバスを介して通信するのが最善です。 Facbook自体はFluxを使用するように提案していますが、実際にはReduxははるかに学習しやすく、よりストレートなものです。

一般的なアプローチは、アプリケーション全体の状態コンテナを持つことです。これは、コンポーネントが互いに通信できる単一の情報ポイントです。時間がある場合は、video tutorialが本当に役立つようです。

それ自身の反応では、コンポーネント間の通信は、親オブジェクトと子オブジェクトの間でのみ行われます。その制限は非常に高速になり、回避策が必要になります。

お祈り申し上げます
アンドレアス

関連する問題