调研渲染行为 (使用profiler观察组件的渲染情况)
这里使用到了redux profiler这个调试工具(当然得提前安装好React devtools这个chrome)，
以我们已经编写好的页面举例子：
Profiler可以“录制”组件是如何渲染的，当点击“刷新动态”按钮后，该UI发起一个thunk向后端发起请求，并最终获得后端返回的数据，当数据发生变化，动态tab上的badge发生了变化，从0变成了5，通过录制这个过程，我们可以在profiler中发现，Navbar和Navbar组件里的两个Link组件 render了（当然这里是指数据变化引起了这两个组件的‘重渲染rerender’），另外UserPage组件也render了。
(如果你按照文档或者是我的博客编写到这里却不能复现Profiler的内容，我建议你可以去看看我对Profiler操作步骤的介绍视频）
下面是该页面的组件树：
因为点击刷新动态后，动态数据发生了变化，react可以是数据驱动的，而navbar的动态标签中的badge是由动态数据驱动的，所以navbar 发生了render行为可以理解。
但是为什么UserPage也render了？ UserPage很明显跟这个动态数据的变化没有关系。
标签：render,渲染,性能,范式化,RTK,Profiler,UserPage,组件,profiler From： https://www.cnblogs.com/nulixuexipython/p/17236789.html