Javascript React钩子-onClick事件期间拼接更新状态出现问题
下面是我正在运行的代码片段。当I console.log时,它看起来很好,但由于某些原因,它不会设置状态。单击长方体时,应使用“拼接”将其删除。我知道它失败有一个基本原因,但我似乎无法理解Javascript React钩子-onClick事件期间拼接更新状态出现问题,javascript,reactjs,react-hooks,slice,Javascript,Reactjs,React Hooks,Slice,下面是我正在运行的代码片段。当I console.log时,它看起来很好,但由于某些原因,它不会设置状态。单击长方体时,应使用“拼接”将其删除。我知道它失败有一个基本原因,但我似乎无法理解 consthandleclick=(索引)=>{ const newBoxOrder=订单; newBoxOrder.拼接(索引,1); const newState=newBoxOrder; console.log(newState); setOrder(newState); }; 天哪,传播者当然,我觉
consthandleclick=(索引)=>{
const newBoxOrder=订单;
newBoxOrder.拼接(索引,1);
const newState=newBoxOrder;
console.log(newState);
setOrder(newState);
};
天哪,传播者当然,我觉得自己很愚蠢,但这都是学习的一部分。非常感谢!!看起来状态仍在正确更新,但react没有重新呈现DOM,因为对
顺序的引用没有更改。谢谢!我还有一些关于引用和状态呈现的知识要学习。这很有帮助
const handleClick = (index) => {
const newBoxOrder = order;
newBoxOrder.splice(index, 1);
const newState = newBoxOrder;
console.log(newState);
setOrder([...newState]);
};