react useState 状态更新失败

以下是我更新失败的代码

定义的hook状态
const [productList, setProductList] = useState([]);
点击事件，改变数据中enable字段
const onEnable = (row,index) => { const list = productList; list[index].enable
= !list[index].enable; setProductList(list); console.log('onEnable', row); };

其中，productList是上次列表显示的数据，我需要改动productList中enable字段的值，但是我改变数据之后，通过setProductList(list)却不能更新显示，通过查阅资料发现，const list = productList，此时list和productList是同一个对象，因此不能立即更新，我们可以通过解构的形式来更新，以下是正确的代码：
const onEnable = (row,index) => { const list = productList;
list[index].enable = !list[index].enable; setProductList([...list]);
console.log('onEnable', row); };
通过解构为一个新数组之后，就可以更新了。或者也可以通过setProductList(list.slice())，同样能达到更新的效果。

• « 上一篇：JAVA实现贪吃蛇小游戏（源码+注释）
• » 下一篇：MyBatis Plus实现分页