このコードがあり、react-hook-form を使用してヘッドレス UI から Combobox コンポーネントに接続しようとしています。別の値を入力し、別のオプションを選択しようとすると、必ずエラー メッセージが表示されます。
未定義のプロパティを読み取ることができません (「名前」を読み取ります)
さまざまなバリエーションを試してみましたが、Combobox を register で動(dòng)作させることができませんでした。ご協(xié)力をいただければ幸いです。 register を使用してジョブを?qū)g行したいのですが、react-hook-form のメソッドを?qū)g行するために他の Controller メソッドを使用したくありません。
1
0
0
react-hook-form ハンドラーを Combobox に直接アタッチすることはおそらく得策ではありません。
Input > onChange は、Location/User/... Model API の代わりに、文字列 target.value を含むイベントを提供します。 handleSubmitでコピーリクエストを発行して「解凍」していただけますか?もしそうなら、API エラー あそこ をどのように処理しますか? ！ 入力は、Combobox レベルの API エラーに関連している可能性があります。フォーム コンポーネント レベルで「成功」文字列と「失敗」文字列を區(qū)別するには特に注意する必要があります。
文字列はフォーム コンポーネント レベルでは解析できない場(chǎng)合があります。特に「複數(shù)」モードでは、「3 つの項(xiàng)目が選択されました」など、入力に集約された情報(bào)を表示できます。 register を Combobox.Input に展開すると、これが値になります。
最後に、他の (ヘッドレス UI 以外の) Combobox 実裝では、値は元のユーザー入力を保持します。
ユーザー入力:「ユナイテッド航空」
Combobox.Input 値は「United」のままです
結(jié)論は同じです。
に値を解析して変換させます。 Combobox.Input の代わりに onChange を Combobox に指定します。ただし、これは Controlled RHF API バリアントでのみ可能です。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
