为什么不使用 react-hook-form 的控制器将预填充值设置为自动完成 Material UI 中的值
Why not prepopulated value being set as value in Autocomplete Material UI using controller of react-hook-form
我正在使用 react-hook-form 的控制器组件来调用 material UI 自动完成。
当我传递 defaultValue 参数时，它会填充到字段中，但是当单击提交按钮时，会显示验证错误消息：
shared_with_users must be a `array` type, but the final value was: `null` (cast from the value `{ "value": "571998", "label": "\"Satyendra Kumar\"" }`). If "null" is intended as an empty value be sure to mark the schema as `.nullable()`
这是我的代码：
https://codesandbox.io/s/nervous-tree-9e2js?file=/src/App.js
自动完成在最后一个 select 框的 selection 之后出现。我正在使用 yup 进行表单验证。
请提出修复建议。
提前致谢
问题现已解决。
问题是不受控制的组件，当我创建受控组件然后它开始正常工作。
这是我更新后的代码：
https://codesandbox.io/s/nervous-tree-9e2js?file=/src/App.js
我正在使用 react-hook-form 的控制器组件来调用 material UI 自动完成。
当我传递 defaultValue 参数时，它会填充到字段中，但是当单击提交按钮时，会显示验证错误消息：
shared_with_users must be a `array` type, but the final value was: `null` (cast from the value `{ "value": "571998", "label": "\"Satyendra Kumar\"" }`). If "null" is intended as an empty value be sure to mark the schema as `.nullable()`
这是我的代码： https://codesandbox.io/s/nervous-tree-9e2js?file=/src/App.js
自动完成在最后一个 select 框的 selection 之后出现。我正在使用 yup 进行表单验证。
请提出修复建议。
提前致谢
问题现已解决。 问题是不受控制的组件，当我创建受控组件然后它开始正常工作。
这是我更新后的代码：
https://codesandbox.io/s/nervous-tree-9e2js?file=/src/App.js