如何使用 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 toconst 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因此您只需在安装时将报告转换为所需的数据结构，而不是在每次渲染时）