react 性能优化

本文通过`Dialog`对话组件举例，解释了为什么看似完美的`hook`提取方案会导致应用性能严重下降。其本质原因在于`hook`内部的`state`变化会导致`“宿主”组件重新渲染。

useMemo 和 useCallback 是React中的两个钩子函数，它们的目的是优化组件的性能。文本将从使用目的、常见错误用法、最佳实践等多个角度解释如何用好这两个勾子。