我用的是钩子反应。我有一个昂贵的功能,我想回忆录。
我知道React随useMemo()而来,但我需要回忆录的值在第一次呈现时计算一次。所以在第一次渲染中回忆录没有意义,但是在未来的回忆录渲染将是有益的。
我读过useMemo()文档,但它没有给出一个确切的答案是这样的:在调用useMemo?的组件的重呈现中执行存储在useMemo()中的值。
我如何持续地回忆录一个反应组件的不同呈现?
发布于 2021-04-09 21:00:16
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
假设上面的代码行在ComponentA
中。现在,假设ComponentA
还没有卸载,那么在re呈现中,memoizedValue
也会持续存在,因为依赖项(a
、b
)不会在re呈现中改变。
另外,react说,将来react有时会决定忘记回忆录的价值,所以应该将其用于优化,而不是作为语义保证。
发布于 2021-04-09 20:56:38
要做到这一点,您需要使用一种方法来存储组件外部的值,例如,提供程序和上下文。请参阅官方文档的反应:https://reactjs.org/docs/context.html
我个人的建议是使用Redux作为反应。这是您的官方文档:https://redux.js.org/,它非常适用于需要为应用程序存储全局状态或数据的专业解决方案。
您需要知道useMemo总是连接到组件生命周期。
https://stackoverflow.com/questions/67028036
复制相似问题