博主头像
<CodeEra />

心存敬畏 行有所止

分类 React 下的文章

React 性能优化:从 PureComponent 到 React.memo

PureComponent 是 React 中的一个类组件,它通过浅比较(shallow comparison)来优化组件的渲染性能。PureComponent 会自动实现 shouldComponentUpdate 方法,对 props 和 state 进行浅比较,如果没有变化,则阻止组件重新渲染。使用 PureComponent要使用 PureComponent,只需将你的类组件继承自 Rea

React常用Hooks详解与代码示例

标题:React常用Hooks详解与代码示例1. Hooks概述定义:Hooks是React 16.8引入的特性,允许在函数组件中使用状态和其他React特性。优点:简化组件逻辑,避免类组件的复杂性。提高代码复用性,支持自定义Hooks。2. 常用Hooks详解与代码示例1. useState作用:在函数组件中添加状态。语法:const [state, setState] = useState(i

React中的LazyLoad(懒加载)学习笔记

1. 什么是懒加载?定义:懒加载是一种延迟加载技术,只有在需要时才加载资源(如组件、图片等)。作用:减少初始加载时间,提升页面性能。按需加载资源,减少带宽消耗。2. React中的懒加载React.lazy:React 16.6引入的特性,用于动态加载组件。语法:const MyComponent = React.lazy(() => import('./MyComponent'));说明: