在 React Hook Form 中使用字符串数组

【问题标题】：Use array of strings in React Hook Form在 React Hook Form 中使用字符串数组
【发布时间】：2022-11-23 20:07:28
【问题描述】：

在我正在制作的表格中，在表格中创建的材料应该有多个可以添加的宽度选项。这意味着我将有一个文本输入，用户可以在其中添加一个选项，并且当添加这个选项时，它应该被添加到 React Hook Form widthOptions 数组中，而不使用常规的反应状态。如何做到这一点？你如何将一个项目添加到整个 React Hook Form 状态，我只看到一个输入字段对应于一个属性的选项。

【问题讨论】：

标签： reactjs react-hook-form

【解决方案1】：

对于所有其他字段，您可以只使用控制器组件。由于您尚未共享任何代码，因此这里是一个通用的多选

<Controller
  name={name}
  render={({ field: { value, onChange, ref } }) => {
    return (
    // You can use whatever component you want here, the you get the value from the form and use onChange to update the value as you would with a regular state
      <MultiSelect
        label={label}
        value={value}
        onChange={onChange}
        data={values}
      />
    );
  }}
/>;

https://react-hook-form.com/api/usecontroller/controller/

【讨论】：