为什么不使用 react-hook-form 控制器将预填充值设置为 Autocomplete Material UI 中的值

问题描述

我正在使用 react-hook-form 的控制器组件调用材质 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

选择最后一个选择框后自动完成。我正在使用 yup 进行表单验证。

请提出修复建议。

提前致谢

解决方法

问题现已解决。 问题是不受控制的组件，当我创建受控制的组件时，它开始正常工作。

这是我更新的代码：

https://codesandbox.io/s/nervous-tree-9e2js?file=/src/App.js