React-Hook-Form 상태에서 버튼 그룹에 선택한 값을 저장합니다.

Question

MUI 버튼 그룹에서 선택한 값을 React-Hook-Form 상태로 저장하려고 하는데, 값이 올바르게 업데이트되지 않는 문제가 있습니다.

codesandbox 링크는 여기

이것은 내 코드의 일반 버전입니다:

으아아아

나는 setValue('selectedOption', option)을 사용했지만 이것이 좋은 습관인지 확실하지 않습니다.

제가 직면한 문제는 버튼 그룹에서 버튼을 클릭할 때 양식 상태의 selectedOption 값이 클릭한 버튼의 값으로 업데이트되기를 원한다는 것입니다. 하지만 getValues ​​메소드는 업데이트된 상태를 반영하지 않는 것 같습니다.

여기서 무엇이 잘못될 수 있나요? 버튼 그룹의 버튼을 클릭할 때 selectedOption 값을 성공적으로 업데이트하고 검색하려면 어떻게 해야 합니까?

도움을 주셔서 미리 감사드립니다!

Answer 1

FormProvider 与 useFormContext 如果您不想将上下文作为道具传递给您的Form 구성요소를 사용해야 합니다. (예제를 보고 이 작업을 수행하고 싶다고 생각합니다.)

From useFormContext Documentation:

예:

으아악

작동 코드 샌드박스: https://codesandbox.io/s/react-hook-form-no-props-kngps3?file=/src/Form.jsx