3 つのフィールドで構成されるフォームがあります。フィールド #1 の値が と等しい場合true、フィールド #3 をフォームから削除する必要があります。フィールド #1 の値が と等しい場合false、フィールド #3 をフォームに戻す必要があります。
これを行う簡単でクリーンな方法が見つかりません。
redux-form サイトの例の 1 つは、フォームのコンテナーの状態に基づいてフォームを動的に構築する方法を説明しています。コンテナはフィールド配列を としてフォーム コンポーネントに渡します。フィールド配列propを制御する入力フィールドはコンテナ内にあります。フィールド＃1はフォーム内にある必要があるため、実際にはそのアプローチを使用できません。
CSS を使用して単純にフィールド #3 を非表示にしようとしましたが、検証ルールはどのフィールドが非表示になっているかどうかを認識していません。