Repetitive Dropdown / Select Reactjs 菜单

Question

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

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

的例子

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

但让我担心的是我正在尝试构建的这种形式。 该表单有 50 多个字段，每个字段都有自己的值下拉列表。

我的问题是，是否有必要声明大约 50 个这样的 useState 常量？ 或者有更好的方法吗？

谢谢！

Answer 1

在这种情况下，您可以做的是只创建一个useState并创建一个键，其各自字段的值就像

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

您可以在表单中的值更新时更新状态中的每个字段，以便您更好地处理它