問題タブ [redux-form]

redux-form 内に material-ui ドロップダウン メニューがあり、その値を初期化したいと考えています。2 つのアクションをディスパッチすることにより、必要な値 [exercise.exercise_type_idおよびexercise.exercise_type_name] と使用可能なオプションのリスト [ 、およびプロパティtypesを持つオブジェクトの配列など] の両方を取得しています。idname

理想的には、次のような場所が必要です。

で変更を処理したいので、初期状態のみですhandleDropDownChange。

[もちろん、次のようなものをいただければ幸いです

しかし、私はこれがアンチパターンであることを知っています。しかし、とにかくうまくいきません。小道具はまだ空です。]

私のドロップダウンは次のようなものです：

より多くのコード:

いくつかの問題を解決した後、DatePicker データをフォームに送信することに固執しました。私のフォームでは、主に redux-form-material-ui の要素を使用していますが、DatePicker はその一部ではありません。

redux-form で DatePicker コンポーネントを作成する 2 つの方法を見つけました。

と

問題は、フォーム データを更新する方法がわからないことです。最初の例では、選択された日付がテキスト フィールドに表示されません。form.myForm日付フィールドをアクティブにしたことを店舗で確認できますが、ピックされた日付で更新されることはありません。2 番目はピッキング日を示していますが、form.myFormオブジェクトの一部ではありません...

インターネットでいくつかの例を見つけました (例: https://github.com/erikras/redux-form/issues/364 ) がfields、props にオブジェクトがないため、 を呼び出すことができませんthis.props.fields.startDate.onChange。

実際の例があまりないため、redux-form と material-ui を使用する良い方法が何であるかはわかりません。私は使用するすべてのコンポーネントにラッパーを作成することを考え始めました。これは、フォームに加えられた変更でストアを更新する onChange メソッドを提供します。しかし、その後、redux-form はもう必要ないので、使用できる他の解決策が必要だと思います。

インデックス レデューサー ファイルにレデューサーを追加しても機能しないという問題がありますが、それを store.js ファイルの rootReducer オブジェクトに追加すると、すべて正常に機能します。機能しないということは、「フォーム」にredux-formレデューサーをマウントするようにというエラーが表示されることを意味します。

と を使用redux-formしredux-form-material-uiて、単純なフォームを作成します。selectの値は、subdepartmentselect で選択された値によって異なりdepartmentます。そこで、select の onChange をトリガーするコールバック関数を作成しましたdepartment。select のデータを取得することはsubdepartmentできますが、select で選択した値がdepartment表示されなくなりました。

コールバック:

私は現在、この方法でメインコンポーネントをレンダリングしています:

MuiThemeProvider を使用してアプリ コンポーネントをラップするドキュメントの状態。私は既に Provider を使用してラップしています。以下のように、redux-form フィールドに material-ui を追加しようとしています。