React 基础：渲染性能与 memo
💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
文章讨论了父组件和子组件的渲染逻辑。父组件更新状态时，子组件通常会不必要地重新渲染。通过使用 `memo` 和 `areEqual` 函数，可以避免这种情况。`memo` 通过比较前后 `props`，仅在 `countB` 变化时才重新渲染子组件，从而提升性能。
🎯
关键要点
- 文章讨论了父组件和子组件的渲染逻辑。
- 父组件更新状态时，子组件通常会不必要地重新渲染。
- 使用 `memo` 和 `areEqual` 函数可以避免子组件不必要的重新渲染。
- `memo` 通过比较前后 `props`，仅在 `countB` 变化时才重新渲染子组件。
- 使用 `memo` 可以提升性能，避免不必要的渲染。
➡️
