選択した値をreact-hook-form状態でボタングループに保存します
P粉106715703
P粉106715703 2023-09-08 18:17:15
0
1
541

MUI ボタン​​ グループで選択した値を、react-hook-form の状態に保存しようとしていますが、値が正しく更新されないという問題が発生しています。

コードサンドボックスのリンクはこちら

これは私のコードの汎用バージョンです:

リーリー

私は setValue('selectedOption', option) を使用しましたが、これが良い習慣であるかどうかはわかりません。

私が直面している問題は、ボタン グループ内のボタンをクリックすると、フォーム状態の selectedOption 値がクリックされたボタンの値で更新されるようにしたいということです。ただし、getValuesメソッドには更新された状態が反映されないようです。

ここで何が問題になるでしょうか?ボタン グループ内のボタンがクリックされたときに、selectedOption 値を正常に更新および取得するにはどうすればよいですか?

ご協力いただきありがとうございます。

P粉106715703
P粉106715703

全員に返信(1)
P粉465287592

を使用したくない場合は、 a>FormProvideruseFormContext とともに使用する必要があります。 to コンテキストは Form コンポーネントにプロップとして渡されます。 (例を見てこれを実行したいと思います)。

から

useFormContext ドキュメント: ###例えば:### リーリー

作業中のコードサンドボックス:

https://codesandbox.io/s/react-hook-form-no-props-kngps3?file=/src/Form.jsx

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート