Question

我正在做一个可折叠的东西，所以当我单击“ edit”时，有一个名为“ edit”的按钮，我正在打开隐藏的元素并使字段可编辑，但是当我尝试在其中编写内容时出现了问题我遇到一些错误

我的代码

更改手柄

 const handel_change = e => {
const name = e.target.name;
const value = e.target.value;
setFormData(prev => ({ ...prev, [name]: value }));

};

并进行修改

 const edit = index => {
setOpen(open === index ? null : index);
setdisabled(false);

};

您可以查看我的完整工作代码code sandbox

我收到的错误是formData.map is not a function

Answer 1

当我使用react-form-hook时，有一个类似defaultvalue的选项，我可以传递默认值并使该字段最初处于禁用状态，然后在编辑单击时将其启用。

工作代码

只需更换

value={item.Last_name}

与此

defaultValue={item.Last_name}