useMemo bietet Redux

Question

Ich bin neu bei Redux und möchte die Leistung meiner Webanwendung maximieren.

Ich habe einen Status in Redux, den ich in einer Variablen speichere, um ihn später anzuzeigen.

Das ist der Code:

constmetricsState = useSelector((state: MetricsStateObject) => state.MetricsState);
const myMetrics =metricState.myMetrics;

Ich habe festgestellt, dass useMemo die Leistung verbessert, indem es nicht erneut rendert, wenn sich die Daten nicht geändert haben.

Ich frage mich also, ob const myMetrics = useMemo(() =>metricsState.myMetrics, [metricsState.myMetrics]); eine gute Vorgehensweise ist oder völlig nutzlos ist ?

Vielen Dank für Ihre Zeit.

Answer 1

先说结论吧，完全没用。

为什么？ 因为metricsState.myMetrics只是一个取值过程，并不涉及昂贵的计算。

但是useMemo本身就消耗了一定的计算量。

所以我认为这属于过早优化

Answer 2

useMemo 用于高成本计算，您不想运行每个渲染。喜欢

const some = useMemo(()=> megaBigArray.reduce((acc,i)=>acc*i,0), [megaBigArray])

或者类似的东西。您仅在 megaBigArray 发生变化时计算该变量。

在您的情况下，无论如何，该代码都会在每次渲染时运行，但是 useSelector 应该仅在您选择的商店部分发生更改时触发渲染。所以没有它你应该也能过得很好。