Reactjs 如何动态更新数组中的一个元素

我的组件中有一个状态，如

const [game,setGame] = useState([0,0,0,0,0,0,0,0,0]);

当我试图更新它时，我无法做到这一点。 我正在努力

setGame([...game,{clickedBox:'red'}])

---

我正在clickedBox中获取索引，useState中的设置将替换它所保存的全部数据。 首先从外部更新阵列，然后将其设置回您的状态

let arr = [...game];
arr[index] = { /* your changes */ };
setGame([...arr)];

---

预期输出？假设clickedBox中有1个值，那么游戏数组将类似于[0，'red'，0,0,0,0,0,0]，这不是解构的工作方式。