Boussadjraブライム:
私が使用していますAntdのSelect
、私のオブジェクトの代わりに、プリミティブな値を返し、選択し、ドロップダウンオプションで対象項目で、ネストされた値を表示する機能を提供するカスタムコンポーネントを構築するためにコンポーネントをそれが正常に動作し、それが使用して検証することができますreact-hook-form
。
<Form.Item ... >
<SpringSelect style={{ width: "200px" }} options={departments} placeholder="Department 2"
name="department2" onChange={e => {setValue("department2", e);}}/>
</Form.Item>
また、これはで動作しますController
がコンポーネントそれはラベルが表示されない選択入力の内側:
<Controller as={<SpringSelect style={{ width: "200px" }} />}
placeholder="Department 1" name="department1" options={departments}
onChange={([e]) => {return { value: e };}} control={control} />
詳細についてはcodesandboxの遊び場にコード全体をチェック
スプリンガーF:
初期の値を除去しinnerProps
、リセットまたは(使用形態初期値設定の場合の問題を解決しないであろうリセット)。
あなたが定義する必要がvalue
とdefaultValue
(あなたのための小道具は、カスタムを選択SpringSelect
)
制御のために、それはリセットのため、正常に動作しますが、あなたが使用する必要が制御不能な選択watch
の初期値を表示するには、フックのフォーム機能を
condeSandeボックスの下を参照してください。