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

Question

SANDBOX演示

这是我正在运行的代码片段。当我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]); 
};