react hook useCallback

参考

https://juejin.im/post/5ec2465a5188256d841a552a

父组件传入数据和回调

两个Board组件分别显示信息

age组件接收修改age的回调, 并执行

score组件接收修改score的回调, 并执行

点击age, 修改age , 此时可以看到所有组件都被重新渲染了

如果你的函数组件在给定相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下，React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。

React.memo 仅检查 props 变更。如果函数组件被 React.memo 包裹，且其实现中拥有 useState 或 useContext 的 Hook，当 context 发生变化时，它仍会重新渲染。

默认情况下其只会对复杂对象做浅层对比，如果你想要控制对比过程，那么请将自定义的比较函数通过第二个参数传入来实现。