react-hook-form を MUI スイッチで使用する場合、値が true に設定されていても、ページの読み込み時にスイッチに初期値が表示されません。ただし、ボタンに触れずにフォームを送信すると、スイッチの値が true として定義されている true が返されるため、これは表示の問題であるようです。さらに、これらのボタン (false として表示) を 1 回クリックしても効果はなく (ボタンは左側に残ったままになります)、2 回目のクリックで実際に再び切り替わります。
フックを使用して初期値を設定します (他のすべてのフィールド タイプに適用されます):
リーリースイッチの実装は次のとおりです:
リーリーこれは完全に機能するチェックボックス コンポーネントです:
リーリーMUI スイッチで react-hook-form を使用して初期値を設定するにはどうすればよいですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ドキュメントによると。
完全な例はreact-hook-formのControllerコンポーネントを使用してSwitchコンポーネントをラップし、フィールド オブジェクトからvalue# を渡す必要があります。 ## プロパティとonChangeプロパティ。＃＃＃例えば：＃＃＃ リーリーここ
でご覧いただけます。