問題タブ [redux-form]

セットアップ

私のプロジェクトでは多くのライブラリを使用していますが、この場合、 redux-form、material-ui、およびparseが関連していると思います。

私のアプリには、次のようなフォーム コンポーネントがあります。

次のようなコンテナでラップされます。

問題

問題は、フォームが汚れている場合 (入力の値を変更した場合)、次のエラーが発生することです。

それに加えて、解析オブジェクトは実際に保存されますが、保存が終了するまでボタンは無効になりません。

値を変更せずにフォームを再度送信すると、すべて正常に機能します。

何が原因である可能性がありますか

これまでのところ、削除するとエラーが解消される 3 つのコードを見つけることができました。

最初のものは送信ボタンのdisabledプロパティです。パーツを削除disabled={submitting}すると、エラーは解消されますが、視覚的なフィードバックが見逃されます。更新:disabled属性を削除しても、submittingプロパティを使用して条件付きで読み込みインジケーターを表示すると、エラーはスローされませんが、インジケーターも表示されません (ただし、フォームがクリーンな場合は表示されます)。

initialValues2 つ目は、 prop を reduxFormに送信しないことです。削除initialValues: {...}すると、エラーも解消されます。

最後になりましたが、解析オブジェクト プロパティに新しい値を設定しないと、エラーが解消されます。object.save呼び出しからパラメーターを削除するだけで、すべて正常に機能します。

ヘルプ！

このため、私は何日も苦労しています。アイデアがありません。

コール スタック

Typescript ベースのプロジェクトで redux-form というライブラリを使用しようとしています。「単純な形式」のサンプル コードを使用して実装すると、エラーが発生します。

私は何を間違っていますか？このライブラリの定義ファイルがインストールされているため、コーディングが間違っているか、定義ファイルが正しくありません。

私のフォームコンポーネント（コードを可能な限りスリムにするためにコードを削除しました）：

ここでそれを消費します（上記のエラーが発生します）：

以下に詳述するredux-formがあります。ドキュメントによると、関数を handleSubmit に渡して呼び出すことができるはずですが、そうではないようです。

Default を防止したいのですが、フォームデータをサイトの別の部分からのアクションに渡します (以下はまだ実装していません)。ただし、このアプローチを使用してログに記録する「FIRED」のコンソールログを取得することさえできないようです。私は何が欠けていますか？また、このシナリオでデータを取得するにはどうすればよいでしょうか? 通常は関数呼び出しでバインドしますが、それを機能させることさえできません...

IntlProvider次のように、アプリをfrom react-intl v2内にラップしています。

そして、私は自分のreact-formフォームをツリーの下に持っています。すべてが素晴らしいです。

しかし、フォームに入力し始めて、UI の言語を変更することにした場合 (redux ストアを介して mylangとmessagesprops を更新するアクションをリッスンすることによって)、フォームはリセットされています:-/

言語が変更されると、アクションredux-form/INITIALIZEが起動されます。

destroyOnUnmount: falseそして、 に渡しても起こりreduxForm()ます。

制御されていないフォーム フィールドでは発生しませんでした。

何か案が？

私のコード: App.js +登録フォーム