![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
背包Boy
朽木也,穷其一生自雕。心已觉累,没有眼泪。
个人博客:http://lawsan.xyz
展开
-
React函数组件性能优化之useEffect、useMemo、useCallback、React.memo
前言 react函数组件不想类组件那样有生命周期函数,以及state。但是我们可以通过hook来优化我们的性能。 一个组件重新重新渲染,一般三种情况: 要么是组件自己的状态改变 要么是父组件重新渲染,导致子组件重新渲染,但是父组件的 props 没有改变 要么是父组件重新渲染,导致子组件重新渲染,但是父组件传递的 props 改变 React.memo function Test() { const [value,setValue] = useState(0) return ( &原创 2020-12-26 16:05:59 · 3540 阅读 · 1 评论 -
React类组件性能优化之shouldComponentUpdate、React.PureComponent
前言 这两个性能优化方法是对与类组件来说的。有些时候我们setState时,状态值并没有改变,但是相关的组件还是渲染了。比如如下代码的执行 class Test extends React.Component { state = { value:0 } componentWillUpdate() { console.log('Test 渲染了') } render() { return <div>原创 2020-12-26 14:45:23 · 460 阅读 · 0 评论