MUI 스위치와 함께 React-hook-form을 사용하는 경우 값이 true로 설정되어 있어도 스위치는 페이지 로드 시 초기 값을 표시하지 않습니다. 그러나 버튼을 터치하지 않고 양식을 제출하면 스위치가 true로 정의된 true이 반환되므로 이는 표시 문제인 것 같습니다. 또한 이 버튼(false로 표시됨)을 한 번 클릭하면 아무런 효과가 없으며(계속 왼쪽에 유지됨) 두 번째 클릭을 하면 실제로 다시 전환됩니다.
후크를 사용하여 초기 값 설정(다른 모든 필드 유형에 적용):
으아악스위치는 다음과 같이 구현됩니다.
으아악이것은 완전히 작동하는 체크박스 구성요소입니다:
으아악MUI 스위치에서 react-hook-form를 사용하고 초기값을 설정하는 방법은 무엇입니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
문서를 기반으로 합니다.
react-hook-form中的Controller组件来包装您的Switch组件，并从字段对象传递value和onChange속성을 사용해야 합니다.예:
으아악전체 예를 여기에서 볼 수 있습니다.