Reactjs的重复下拉/选择菜单

Question

我是Reactjs和使用状态的新手。

我在网上查了一些文档，看到了一些使用

的例子

const [selected, setSelected] = useState(null);

但是让我担心的是我正在尝试构建的这个表单。该表单有超过50个字段，这些字段都有自己的下拉值。

我的问题是，有必要声明大约50个这样的useState const吗?还是有更好的方法?

谢谢!

Answer 1

在此场景中，您可以做的是仅创建一个useState，并创建其各自字段的键值，如

const [data, setData] = useState({ field1: "default-value", field2: {}, ... });

当表单中的值更新时，你可以更新状态中的每个字段，这样你可以更好更容易地处理它