官方文档

immutability

• 时间回溯
• 决定是否re-render,memo, 浅比较 https://react.dev/reference/react/memo

key

create- 现在有, 以前没有 destroys 以前有, 现在没有 moved 都有 destroyed > re-created key变了

不是状态

• 随时间变化而保持不变
• 是props从父组件传递过来的
• 能根据state 或 props 计算得到

是状态

副作用在哪里处理，useEffect 是最后一招

How does React know which state to return?

• order

Why is mutating state not recommended in React?

• console.log 打印有延迟。不变可以看到原来的值
• 优化 memo
• 新特性依赖
• 需求 undo/redo
• 实现简单 不考虑响应式 性能

Resetting state at the same position

{isPlayerA ? (
  <Counter person="Taylor" />
) : (
  <Counter person="Sarah" />
)}

{isPlayerA &&
  <Counter person="Taylor" />
}
{!isPlayerA &&
  <Counter person="Sarah" />
}

Escape Hatches

在开发版本中，React会立即运行并清理您的Effect多一次。这确保您不会忘记实现清理函数。

effect 开始同步某些内容，然后停止同步它