Skip to content

官方文档

immutability

key

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

不是状态

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

是状态

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

How does React know which state to return?

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

Resetting state at the same position

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

Escape Hatches

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

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