小编vin*_*dom的帖子

我正在尝试将和用作Material-UI Autocomplete多重输入react-hook-formcontroldefaultValues在编辑数据时，根据从数据库获取的已保存数据渲染预填充的组件）

所以主要问题是：

控制Material-UI Autocomplete组件中的默认值并将其与react-hook-form？

到目前为止我做了什么：

\n

1. 通过在 React 中使用函数和钩子，我在 React Hook Form 中包装了一个自动完成组件Controller来控制状态。我尝试实现 MUI 文档中的解决方案\nandreact-hook-form以及以下线程的解决方案。

   \n

   我在这里创建了一个最小的沙箱

   \n
\n

它能做什么

当我设置defaultValuein时Controller，它可以显示受控的默认值，但会引发错误：TypeError: Cannot read property \'filter\' of undefined

  <Controller\n      as={\n      <Autocomplete\n        multiple\n        value={defaultValues}\n        onChange={(e, values) => setValue("food", values)}\n        ...\n        renderInput={params => ( ... )}\n      />\n    }\n    control={control}\n    name="food"\n    defaultValue={defaultValues} // <- this makes the …