React Hooks-在onClick事件中无法更新接头状态

问题描述

SANDBOX DEMO

这是我正在运行的代码的片段。当我console.log时，它看起来不错，但是由于某种原因，它不会设置状态。单击一个框时，应使用拼接将其删除。我知道失败的一个基本原因，但我似乎无法把握。

  const handleClick = (index) => {
    const newBoxOrder = order;
    newBoxOrder.splice(index,1);
    const newState = newBoxOrder;
    console.log(newState);
    setorder(newState);
  };

解决方法

CodeSandbox

 const handleClick = (index) => {
        const newBoxOrder = order;
        newBoxOrder.splice(index,1);
        const newState = newBoxOrder;
        console.log(newState);
        setOrder([...newState]); 
      };