Javascript 动态反应挂钩触发按钮

我有一个react应用程序，它从服务器获取数据，我想将每个数据添加到一个状态。让我们看看我的设计应用程序：

注意：红线是我请求的每个数据（白行是数据属性）

因此，每个数据都应该能够被单击，并具有自己的状态，以显示

提案

和

laporan akhir

属性。我用的是React钩子，那我该怎么做呢

这是我目前的代码：

雷卡班加丹函数({
啊,，
按年计算，
按年度计算，
帖子，
粘滞导航
}) {
const postingan=posts.posts
常量blankPanduan={id:，值：false}；
const[panduan，setPanduan]=React.useState（[{…blankPanduan.value}]）
让内容；
React.useffect（（）=>{
如果（身份验证已验证）{
//服务器请求
const getProposals=async（）=>await GetProposalsRecapByYear（）
const getReports=async（）=>await getReportRecapByYear（）
GetPropositions（）
getReports（）
}
}，[auth]）
如果（装载）{
内容=
}否则{
//正在尝试动态设置状态
塞班杜([
……潘端，
{
id:postingan.data.length，
值：false
}
])
content=postingan.data.map（（post，i）=>{
{post.value}
setPanduan（[…panduan，{…！blankPanduan}]）
>
插入符号向下
{/*显示属性*/}
{邮政金额}
})
}
返回内容
}

创建一个名为

activeItems

的数组状态值。单击节时，将节的迭代器（

i

）推入activeItems数组。在地图中，如果迭代器位于activeItemsHow中，则可以检查该部分是否打开。我是否设置了

activeItems

状态的长度？