如何使用 foreach 循环启动 React hook 状态

Question

抱歉，如果之前有人问过这个问题，我不确定是否是这样。我有 Java 背景，对 React 非常陌生，但对这个框架还不是很精通。但我想做的是从数组中检索所有数据，并将其设置到通过 useState 启动的另一个数组。我不确定它的语法，因为我尝试遍历它的每个循环，但它不允许我这样做。基本上，我想避免在这里进行这种硬编码，因为我的数据是来自 api 的动态数据： const [data, setData] = useState([        {            name: reports[0].title,            runDate: reports[0].runDate,            createdDate: reports[0].createdDate,            category: reports[0].category.title,            actions: 4,         },        {            name: reports[1].title,            runDate: reports[1].runDate,            createdDate: reports[1].createdDate,            category: reports[1].category.title,            actions: 4,        },    ])非常感谢。

Answer 1

听起来您所需要的只是可以迭代数组reports并对其进行转换的东西：

// pass `reports` into this if you need to

const getInitialData = () => reports.map(report => ({

  name: report.title,

  runDate: report.runDate,

  createdDate: report.createdDate,

  category: report.category.title,

  actions: 4,

}));

const [data, setData] = useState(getInitialData);

（我传递了一个函数，useState因此您只需在安装时将报告转换为所需的数据结构，而不是在每次渲染时）