useMemo 提供 Redux
P粉845862826
2023-08-25 21:04:43
<p>我是 Redux 新手，我希望尽可能提高 Web 应用程序的性能。</p>
<p>我在 redux 中有一个状态，我将其存储在变量中以便稍后显示。</p>
<p>这是代码：</p>
<pre class="brush:php;toolbar:false;">constmetricsState = useSelector((state: MetricsStateObject) => state.MetricsState);
const myMetrics =metricState.myMetrics;</pre>
<p>我发现 useMemo 在数据没有变化的情况下不会重新渲染，从而提高了性能。</p>
<p>所以我想知道 <code>const myMetrics = useMemo(() =>metricsState.myMetrics, [metricsState.myMetrics]);</code> 是一个好的做法，还是完全没用？</p>
<p>感谢您的宝贵时间。</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
先说结论吧，完全没用。
为什么？ 因为metricsState.myMetrics只是一个取值过程，并不涉及昂贵的计算。但是
useMemo本身就消耗了一定的计算量。所以我认为这属于过早优化
useMemo用于高成本计算，您不想运行每个渲染。喜欢或者类似的东西。您仅在
megaBigArray发生变化时计算该变量。在您的情况下，无论如何，该代码都会在每次渲染时运行，但是
useSelector应该仅在您选择的商店部分发生更改时触发渲染。所以没有它你应该也能过得很好。