时间戳

首页 > 解决方案 > Reactjs 上的重复下拉菜单/选择菜单

reactjs - Reactjs 上的重复下拉菜单/选择菜单

问题描述

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

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

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

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

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

谢谢！

标签： reactjsdrop-down-menureact-select

解决方案

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

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

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

推荐阅读