标签: 组件渲染 - 文档

React memo的浅比较与自定义比较函数的区别

2026-05-18 21:15:21

React memo的浅比较与自定义比较函数的区别当你使用 React.memo 来包装一个函数组件时，React会在其父组件重新渲染后，检查该组件的 props 是否发生了变化。如果 props 没变，就跳过本次渲染，从而提升性能。理解 React.memo 如何比较 props，是优化应用性能

React.memo 浅比较自定义比较函数

20 0

React Strict Mode严格模式下为什么组件渲染两次

2026-05-03 10:24:29

React Strict Mode严格模式下为什么组件渲染两次 React 18 在开发环境下开启了 Strict Mode（严格模式），这会导致组件、状态更新函数、以及 useEffect 回调执行两次。这种行为并非 Bug，而是 React 故意设计的特性，用于帮助开发者发现代码中潜在的副作用问

React18 严格模式组件渲染

36 0

React Context频繁更新导致子组件全部重新渲染的优化

2026-05-01 10:21:48

React Context频繁更新导致子组件全部重新渲染的优化 React Context 是一个强大的状态管理工具，但只要 Context 中的值发生微小变化，所有消费该 Context 的子组件都会无条件重新渲染。在高频更新场景下（如鼠标移动、动画、表单输入），这会导致严重的性能卡顿。以下是几种

ReactContext 性能优化组件渲染

44 0

React 副作用：useEffect 依赖数组

2026-04-02 21:46:30

React 副作用：useEffect 依赖数组 React 的 useEffect 是处理副作用（如数据获取、订阅、手动 DOM 操作）的核心 Hook。它的行为由依赖数组（dependency array）精确控制——这个看似简单的参数，决定了你的副作用何时执行、是否重复执行，甚至会不会引发无限

React useEffect 依赖数组

68 0

组件渲染 共 4 篇文章

组件渲染共 4 篇文章