带有 RHF 复选框的 MUI 自动完成（React Hook Form）

Question

我正在使用 Material UI 6.1.10 和 React Hook Form 7.53.2 我正在尝试拥有一个可重复使用的自动完成字段，能够选择多个值。 问题是，如果我的 AutoComplete 没有 onChange 属性，它的值总是返回空，我无法获取它的值。

我可以通过添加 onChange 属性来解决这个问题，但另一个问题出现了，那就是，当我选择一个选项时，复选框不会被选中，我可以在我的字段中多次选择相同的选项。

我尝试使用不带复选框的自动完成字段，但这并不重要，问题仍然存在，如果我有 onChange 属性，似乎字段无法弄清楚选择的选项，如果我删除 onChange 属性，字段似乎知道选择了选项但值始终为空。

感谢您的帮助🤝

Answer 1

您应该使用

<Controller>

组件，然后在渲染函数中，您将使用渲染函数的 onChange 和 value 参数返回自动完成（请参阅 Controller 文档的示例）。