React 学习——React.memo

1、默认情况下:子跟着父一起渲染

2、memo 缓存,只有props发生变化的时候才会重新渲染

javascript 复制代码
import {  memo, useState } from 'react';
// 默认情况下:子跟着父一起渲染
//memo 缓存,只有props发生变化的时候才会重新渲染
const MemoSon = memo(function Son(){
  console.log('子组件渲染');
  return <div>子组件</div>
})
// function Son(){
//   console.log('子组件渲染');
//   return <div>子组件</div>
// }

const App = () => {
  const [count, setCount] = useState(0);
  return (
    <div className="home">
     {/* <Son /> */}
     <MemoSon />
     <button onClick={() => setCount(count + 1)}>+{count}</button>
    </div>
  )
}

export default App
相关推荐
Elohim8155 分钟前
FreeRTOS学习(一)
学习·freertos
李剑一6 分钟前
面试官:你是如何理解MVVM模型的?请你结合自己做过的项目从框架层面解释一下
前端·面试
tiantian_cool13 分钟前
Flutter-1
前端
前端Hardy16 分钟前
这个你一定要知道,如何使用Pandoc创建HTML网页版文档?
前端·javascript·css
前端小嘎18 分钟前
常见前端面试题 之 AI打字机效果是如何实现的?
前端·javascript
前端老鹰19 分钟前
CSS scrollbar-width:轻松定制滚动条宽度的隐藏属性
前端·css
_前端小弟19 分钟前
记录一次主题色自动适应方案
前端
Danny_FD20 分钟前
深入理解 `z-index` 与 `overflow`
前端
搞个锤子哟21 分钟前
复制文字功能写入剪切板的坑
前端