React 学习——React.memo

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

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

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