反応-フックフォームは、カスタムAntd選択したラベルを表示することはできませんのControllerコンポーネントを使用します

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の遊び場にコード全体をチェック

編集誇り、ワイルドフラワー、3gndt

スプリンガーF:

初期の値を除去しinnerProps、リセットまたは(使用形態初期値設定の場合の問題を解決しないであろうリセット)。

あなたが定義する必要がvaluedefaultValue(あなたのための小道具は、カスタムを選択SpringSelect

制御のために、それはリセットのため、正常に動作しますが、あなたが使用する必要が制御不能な選択watchの初期値を表示するには、フックのフォーム機能を

condeSandeボックスの下を参照してください。

編集カリーつ星kyvbo

おすすめ

転載: http://10.200.1.11:23101/article/api/json?id=7829&siteId=1