当setState在子组件上运行时,useEffect不更新

控制台。下面的日志显示为true,这可能是useEffect没有更新的原因。

就是这样。react中的状态是不可变的。当你打电话的时候 setBoard Object.is === ). 如果它们是相同的,那么看起来没有什么变化,因此react跳过了重播。React不会检查您所在州的属性是否发生变化,因为这可能会很昂贵。

setBoard(prevBoard => {
  const newBoard = [...board]; // <--- creating a shallow copy
  newBoard[i] = dictIconToValue[icon] as typeof prevBoard[0]
  return newBoard
})

就React而言,状态实际上没有被更新,因为它仍然是同一个对象引用。你是 突变

const newBoard = board

所以对 newBoard 直接在状态实例上进行(对其进行变异)。相反,使用现有阵列元素的副本创建一个新阵列(这些元素本身可能是引用,但这通常是一种边缘情况,在这里不应该成为问题):

const newBoard = [...board]

新手板 完全是一个新的对象引用,因此当它设置为状态时,React会将其视为更新状态。