为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕无忌1623718 2023-06-29 20:51:26
抱歉,如果之前有人问过这个问题,我不确定是否是这样。我有 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,        },    ])非常感谢。
查看完整描述

1 回答

?
叮当猫咪

TA贡献1776条经验 获得超12个赞

听起来您所需要的只是可以迭代数组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因此您只需在安装时将报告转换为所需的数据结构,而不是在每次渲染时)


查看完整回答
反对 回复 2023-06-29
  • 1 回答
  • 0 关注
  • 101 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信