如何解决材料 ui 复选框在 React-hook 形式下不起作用
我想制作一个带有验证的表单,因为我在 Material UI 中使用了 react-hook-form。对于验证,还使用 yup 和 hook/resolver。当我单击复选框时,我想显示另一个文本字段,但复选框不起作用。 watch 用于来自 react-hook-form(useForm) 的内容。我的错误是什么?请帮忙。
这是我的代码:- codesanbox
解决方法
您必须将 Controller
或 useController
用于 MUI 复选框,例如:
<Controller
name="hasPhone"
control={control}
render={({ field }) => (
<FormControlLabel
control={
<Checkbox
defaultValue={data.hasPhone}
defaultChecked={data.hasPhone}
color="primary"
onChange={(e) => field.onChange(e.target.checked)}
checked={field.value}
/>
}
label="Do you have a phone"
/>
)}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。