React Hooks - 在 onClick 事件期间拼接更新状态有问题

Question

SANDBOX DEMO

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

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

Answer 1

CodeSandbox

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