MUI 스위치와 함께 React Hook Form 7을 사용하는 방법

Question

MUI 스위치와 함께 React-hook-form을 사용하는 경우 값이 true로 설정되어 있어도 스위치는 페이지 로드 시 초기 값을 표시하지 않습니다. 그러나 버튼을 터치하지 않고 양식을 제출하면 스위치가 true로 정의된 true이 반환되므로 이는 표시 문제인 것 같습니다. 또한 이 버튼(false로 표시됨)을 한 번 클릭하면 아무런 효과가 없으며(계속 왼쪽에 유지됨) 두 번째 클릭을 하면 실제로 다시 전환됩니다.

후크를 사용하여 초기 값 설정(다른 모든 필드 유형에 적용):

으아악

스위치는 다음과 같이 구현됩니다.

으아악

이것은 완전히 작동하는 체크박스 구성요소입니다:

으아악

MUI 스위치에서 react-hook-form를 사용하고 초기값을 설정하는 방법은 무엇입니까?

Answer 1

문서를 기반으로 합니다.

react-hook-form中的Controller组件来包装您的Switch组件，并从字段对象传递value和onChange 속성을 사용해야 합니다.

예:

으아악

전체 예를 여기에서 볼 수 있습니다.