2016-05-13 17 views
0

私はmaterial-uiとReactで作業しています。私は親コンポーネントの孫であるコンポーネントの一部であるSelectFieldを持っています。私が必要とするのは、SelectFieldのアイテムの価値を取り、それを使ってこのコンポーネントの子である別のSelectFieldに情報を表示するので、親コンポーネントの孫になるでしょう。選択フィールドを取得して、選択IDに基づいて他の選択フィールドを表示します

最初にSelectFieldの値を使用して、次のSelectFieldに表示する必要がある情報を取得するAPIリクエストを作成する必要があります。

私は正常に最初のSelectFieldから値を得ることができますが、私はそれが子コンポーネントにどのように表示されるのか把握するのに苦労しています。

あなたが私を助けることができたら、私はそれを感謝します。お時間を

おかげ

+0

「別のSelectFieldで情報を表示する」を再定義できますか?フィールド値やオプションについて話しますか?選択フィールドをどのように表示するかの簡単なコード例を教えてください。 –

答えて

0

を持っています親コンポーネントから小道具として。

1

は、状態のあなたの二つのフィールドの値を入れて、thoses値を持つあなたの選択フィールドを埋めます。 this.setState()を呼び出すコールバックを作成して、最初のフィールドが変更されたときに2番目のフィールドの値を変更します。最初のフィールドにこのコールバックをプロパティーonChangeで接続します。その結果、2番目の選択フィールドに新しい値が設定されます。私は、配列を作成し、私が最初にSelectFieldから値を選択したとき、私は私が次のSelectFieldを移入したかったし、戻ってそれを渡された値を持つ配列の状態を更新し、この問題を修正するには例にhere

+0

本当に私が探しているものではありません。最初の選択肢が選択された後、2番目の選択フィールドに項目を入力する必要があります。 – BeeNag

+0

実際には選択フィールドにオプションが設定されていますか? [react-select](https://github.com/JedWatson/react-select)を使用すると、選択したフィールドに新しいオプションをプログラムで挿入することができます。 –

+0

2つ目の選択フィールドのオプションを状態にすると、2番目の選択フィールドをレンダリングするときに、反応選択せずに、使用可能なオプションをループしてオプションのリストを表示できます。 –

関連する問題