問題タブ [redux-form]

productElixir/phoenix バックエンドに2 つのコントローラーがあります。最初の API エンドポイント ( pipe_through :api) と 2 番目のコントローラーpiping through :browser:

ProductControllerelixir フォーム ヘルパーによって生成されたフォームからのリクエストを処理し、いくつかの添付ファイルを受け入れます。すべて問題ありません。このアクションによって処理される作成アクションとパラメーターは次のとおりです。

ログからのパラメーター (エリクサーコードで画像のアップロードを処理するためにアークを使用しています)

Api.ProductControllerredux-from からのリクエストを処理します。このアクションによって処理されるアクション、ビュー、およびパラメーターは次のとおりです。

これらのパラメーターを使用してイメージを保存できないため、作成アクションは 422 ステータスで失敗します。バックエンドコードから画像にアクセスできないという私の問題は、JSコードにFileListオブジェクトとしてしかありません。画像をバックエンド コードに渡す方法がわかりません。この添付ファイルが私の JS コード (アップロードされた画像に関する情報を含む FileList) でどのように表されているかを次に示します。

私は WebkitRelativePath しか持っていません (最初のコントローラーの場合、イメージへのパスは "/tmp/plug-1460/multipart-754282-298907-1" です)。この JS オブジェクトで何ができるのか、どのようにすればよいのかわかりません。この JS オブジェクトによって表される実際の画像にアクセスします (ファイルのアップロードに関するredux-form リファレンスです)。

私たちを手伝ってくれますか？画像を見つける方法をエリクサーに説明する方法は? JSコードを使用してバックエンドに添付ファイルを送信したいだけです（非同期検証などの興味深い機能がたくさんあるため）。

役立つ場合は、完全なアプリへのリンクを次に示します

Redux-Formを使用しており、ユーザーが送信をクリックしたときにフォームの値を取得しようとしています。

これらは外形 propsです。ご覧のとおり、送信機能があります。

• onSubmit
• onSubmitSuccess
• onSubmitFail

onSubmitSucess呼び出されることはありonSubmitFailません。onSubmitが呼び出されますが、引数はありません。

私が望むのは、フォームの値を取得して、API に投稿できるようにすることだけです。

どうやってやるの？

編集 (コード)

AutoFormInternal.js

AutoForm.js

多分私はこの間違った方法をとっていますが、フォームをリセットする/すべてのラジオボタンをオフにする簡単な方法があるかどうか疑問に思っていますか? レンダリングする質問の数が可変であるため、動的Redux フォームを使用しています。私はさまざまなアプローチを試しましたが、成功しませんでした。任意のポインタをいただければ幸いです。

redux devtoolでreduxを使用 しています。 redux-form を試してみました。ただし、フィールドを変更するたびに、アプリの状態が変化したと思います。redux devtoolは、フィールドでタップされた新しいキーをそれぞれ保存します。フィールドのリフレッシュが大幅に遅くなります！

これは、アプリの状態の変化を示す redux devtool ドック パネルです。

redux-devtool をアプリ ストアにリンクする方法は次のとおりです。

redux dev ツールが redux-form の変更を取得しないようにする方法を見つけたいと思います。より良い解決策は大歓迎です:)

どちらもステートレス コンポーネントで複数<User/>をレンダリングしたいと思います。<CustomForm/>しかし、それらはすべてストアから同じプロパティを共有しているため、<CustomForm />他のすべてのものも変更されます。<CustomForm/ >どうすれば複数の独立したものを持つことができ<CustomForm />ますか?

次のようにフォームを接続しました。

私は redux-form と immutablejs のハンドルを取得しようとしてきましたが、ほとんどの部分がダウンしたと思います。ただし、少なくとも 1 つの手順が欠けていることはわかっています。フォーム コンポーネントに渡されると思われるすべての小道具が渡されているわけではありません。たとえば、formKeyですundefined。を利用しようと思ったときに気づきましたthis.props.resetForm。関数は存在しますが、何もしないようです。フォームの入力は変更されたままで、pristinefalse です。ここに私のフォームとルートレデューサーがあります:

.