javascript - 对数组 react JS setState

我有一个数据，每个数据都有一个状态，我把它放在React Hooks数组状态上。这是从服务器请求数据后的当前状态

console.log("panduan : ", panduan)

// Output
panduan :
[6] -> [false, false, false, false, false, false]

因此，每个布尔值都应该是下面此组件的触发按钮。

我有一个组件，每个数据都应设置自己的状态，这就是我的组件。

data.map((post, index) => {
  <TriggerButton onClick={() => setPanduan([!panduan[index]])}>
    {post.year}
  </TriggerButton>
})

// this Child component should be shown when state is true
const content = (
  <Triggered show={panduan[index]}>
    {post.someData}
  </Triggered>
)

上面的代码仍然无法正常工作，可能是因为我没有以正确的方式使用setPanduan。那么如何为每个数据setPanduan？

最佳答案

我认为您可能会在Parent onClick方法中寻找类似的内容

onClick={() => {
  const tempArray = [...panduan];
  tempArray[index] = !tempArray[index];
  setPanduan(tempArray);
}

因为您当前拥有的最终将把整个状态更改为单个项目数组，并从服务器中删除在那里初始化的数据:)

关于javascript - 对数组 react JS setState，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60311171/