Javascript React钩子-onClick事件期间拼接更新状态出现问题

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); }; 天哪,传播者当然,我觉

下面是我正在运行的代码片段。当I console.log时,它看起来很好,但由于某些原因,它不会设置状态。单击长方体时,应使用“拼接”将其删除。我知道它失败有一个基本原因,但我似乎无法理解

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]); 
      };