返回上一步时，react-hook-form 不会使用所选选项呈现 MUI RadioGroup

Question

我正在尝试使用 FormProvider 和 useFormContext API 通过 react-hook-form(v6) 实现多步骤表单。我正在使用 MUI(V5) 作为 UI 组件库。当我通过单击“下一步”按钮继续前进时，表单工作正常。但是当返回时，上一步不会呈现带有选定选项的 MUI Radio。

我创建了一个沙箱来演示我在做什么 - https://codesandbox.io/s/eager-tdd-hyye9z

Answer 1

在 react-hook-form v6 中，我必须在 useForm 选项中传递 shouldUnregister: false。

  const methods = useForm({
    mode: "all",
    reValidateMode: "onChange",
    defaultValues: {},
    shouldUnregister: false
  });

有工作示例https://codesandbox.io/s/naughty-hodgkin-d7u4ee

返回上一步时，react-hook-form 不会使用所选选项呈现 MUI RadioGroup

react-hook-form doesn't render MUI RadioGroup with selected option when going back to previous step

reactjs

material-ui

react-hook-form