親コンポーネントの子コンポーネントの状態を設定するにはどうすればよいですか？

Question

私は、アプリケーションのフォームにネストされたスライダーコンポーネントを持っています。スライダは、にあるパラメータを調整します。

通常、スライダは制御され、その値はRedux storeから渡されます。スライダーを移動すると、onChangeはstoreを更新するアクションをディスパッチし、スライダーの値が変更されます。

しかし、この場合には、この解決策は、問題を提起する：

1. スライダはそれが50％は全体の数十 とonChangeイベントの数十ので

2. を意味ドラッグ、100の以上の工程を有しますスライダ自体がstoreに接続されていない場合、onChangeはすべてpropsが変更されているので、親に再レンダリングを強制します。これによりパフォーマンスが向上します。

   1. 値は、それだけでドラッグし、スライダーの状態に住んでスライダーonChangeイベントとスライダーを再レンダリング：

   だから、私は部分的な解決策を実装しました。

3. afterChangeイベント - ユーザーがstoreに、dispatch ES新しい値をスライダーをドラッグした後、マウスを離したときに発生します。

ただし、親には「リセット」ボタンがあり、スライダの値を初期状態に設定する必要があります。

親からスライダコンポーネントに通信して、値をリセットする方法を教えてください。

Answer 1

親のリセットボタンに店舗を更新するために必要な操作をしてください。 ストアが変更されると、更新された値が新しい小道具として使用されます。

その後、

https://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops