ログインフォームに純粋な機能を実装しようとしていますが、redux-form を使用しています。

そして、単体テストで次のエラーが発生しました。

テストしたいコンポーネントは次のとおりです。

そして、ここに私の純粋なコンポーネントがあります:

ブラウザで再生すると、reduce is not defined. 削除すると正常に動作します<Field />

私が見逃した明らかなものはありますか？

フォームを送信する前に、価格と数量という 2 つのフィールドが数値型の入力値を受け取っていることを検証したいので、検証関数で次のコードを記述します。

数値を入力するかどうかに関係なく、「数値を入力してください」というエラーがフォームに表示されるため、価格と数量の入力値のタイプをコンソールに記録すると、常に文字列であることがわかります。価格と数量が数値を受け取るかどうかを確認するには、フォームをどのように検証すればよいですか?

連絡先とメモの2つのモデルがあります。メモは連絡先に属します。

submit 関数で contactId を参照する方法を見つけようとしています。

親からフォームに contactId を渡しました。

私のフォームでは、これをsubmit関数で使用したいと考えています。私はそれをパラメーターとして渡そうとしました-つまりsubmit(contactId)-しかし、これは機能しません

私は途方に暮れています...どんなアイデアでも素晴らしいでしょう。

アップデート！以下で解決

skypecakes からの提案とリンクを使用しましたが、これが実際のコードです。

形式:

React を使用してマルチステップ アプリケーション フォームを構築しています。最初に純粋な内部状態でビルドした後、現在、redux-form を使用して Redux にリファクタリングしています。

ここの例をベースとして使用したことで、http: //redux-form.com/5.2.5/#/examples/wizard?_k=oftw7aがうまくいきました。

ただし、同じ値を持つはずの 2 つのフォームがある場合に問題が発生します。ページの 1 つの間に名前フィールドがあり、それは次のページの名前フィールドに複製されるはずです。最後のページから戻ると、逆のことが起こるはずです。これを達成するためのヒントはありますか？

この質問はRedux Form v6.0.0に関するものです(この質問を書いている時点では v6.0.0-alpha.15 です)。

フォームコンポーネントの外からフォーム検証ステータス ( pristine、submitting、 など)を取得するにはどうすればよいですか?invalid

例を挙げましょう。これは「古典的な還元形式」の疑似構造です。

... <submit-button>JSX では次のようになります。

<button type="submit" disabled={pristine || submitting || invalid} >Save</button>

しかし、私のアプリケーションでは、送信ボタンはフォームの外にある必要があり、アプリケーション内の別の場所に配置する必要があります (アプリケーション全体の上部にあるアプリケーション ヘッダーとしましょう)。

1. それらを Redux-Form の外から取得するpristineにはどうすればよいですか? （可能であれば、本当に厄介なハッキングなしで:-)）submittinginvalid
2. どうすればそのフォームを送信できますか?

redux-form の電話番号フィールドがあります。このフィールドをオプションにしたいのですが (ユーザーが値を送信しない場合はデフォルトで '' になります)、値を入力する場合は、有効な電話番号であることを確認する必要があります。

私が抱えている問題は、フォームの送信ボタンが現在無効になっており、Redux フォームが有効かどうかに関連付けられていることです。デフォルトの '' 値がある場合、これが有効であると見なされない理由がわかりません。電話番号フィールドに何かが入力されると、valid が true に変わるようです。

何かが送信された場合に検証を確認するにはどうすればよいですか? ありがとう！

検証

フォームフィールド

送信ボタン

チュートリアルで私はこれを見ます

私はこのように私のプロジェクトでTypescriptとして試しました

そして、それは...restでエラーを警告するので、どうすればいいですか? [rest:string]:any のようなコードを追加して辞書への Props インターフェイスを作成する必要があるかどうかはわかりません。うまくいかない

redux-form を使用しようとすると解決できない問題があります。Erikras ボイラープレートを試しています。フォームをコンポーネントにして、親が handleSubmit を呼び出すようにしたい (現時点では、それが機能することを確認するためだけに console.log を使用)。ここでは、2 つ:

そしてここに子供：

だから...うまくいかない 重要な知識が欠けていると思います。その理由は、フォームコンポーネントがダムであり、ディスパッチ機能がないためだと思いました。そのため、特定のフォルダーからアクションクリエーターをインポートして、これを（いくつかの異なる方法で数回）追加しようとしました：

しかし、私はまだ欲しいものを手に入れていません。どうしたの？