带有 react-hook-form 的整体形式的 setValue答案

【问题标题】：setValue in a whole form with react-hook-form带有 react-hook-form 的整体形式的 setValue
【发布时间】：2021-09-12 17:53:25
【问题描述】：

我正在建立一个包含一些地址的用户个人资料，用户可以编辑它们，它几乎完成了，但我坚持在表单中设置用户编辑地址。

就像当我点击按钮时它在 GIF 中显示的一样，没有设置任何值，我正在使用 react-hook-form 来构建这些表单。

这是我点击按钮时执行的函数：

const editAddress = (i) => {
    const addressClicked = addressList[i];
    console.log(addressWatch());
    setAddressValue("name", addressClicked);
    setShowForm(true);
  };

addressList 是一个正在循环的数组，然后我从.map(v,i) 获取密钥，它返回一个对象，其中包含应填充输入字段供用户编辑的所有信息。

【问题讨论】：

标签： reactjs forms react-hook-form

【解决方案1】：

因此，在文档中有一个名为“reset”的函数实际上完全符合我的要求，它会擦除表单中的当前数据，并可以用新的对象数据替换。
https://react-hook-form.com/api/useform/reset

函数现在是这样的

const editAddress = (i) => {
    
    const addressClicked = addressList[i];
    addressReset(addressClicked);
    
    setShowForm(true);
  };

【讨论】：