Reactjs 如何更改数组对象的属性

如何使用React-useState钩子更改每个对象的布尔属性

const [showCard, setShowCard] = useState([
    { id: 1, show: true }, 
    { id: 2, show: true }
]);

---

您可以将函数传递给

设置ShowCard

–请参阅。第一个参数是上一个状态，您可以映射到该状态，例如切换每个项目的

show

属性：

setShowCard（prevState=>prevState.map（item=>({
…项目，
show:！item.show，
})));

可运行示例：

const{useState}=React；
函数App（）{
const[showCard，setShowCard]=使用状态([
{id:1，show:true}，
{id:2，show:true}，
]);
函数切换（）{
setShowCard（prevState=>prevState.map（项=>({
…项目，
show:！item.show，
})))
}
返回(
{JSON.stringify（showCard，null，2）}
切换
);
}
render（，document.body）
您可以将函数传递给
设置ShowCard
–请参阅。第一个参数是上一个状态，您可以映射到该状态，例如切换每个项目的
show
属性：

setShowCard（prevState=>prevState.map（item=>({
…项目，
show:！item.show，
})));

可运行示例：


const{useState}=React；
函数App（）{
const[showCard，setShowCard]=使用状态([
{id:1，show:true}，
{id:2，show:true}，
]);
函数切换（）{
setShowCard（prevState=>prevState.map（项=>({
…项目，
show:！item.show，
})))
}
返回(
{JSON.stringify（showCard，null，2）}
切换
);
}
render（，document.body）