reactjs - useMemo 计算量大的计算

Question

我使用 useMemo 创建了一个沙箱来优化模拟昂贵的函数，遵循这篇文章中的 Kent C Dodds 示例。记忆似乎不起作用。任何想法为什么？

https://codesandbox.io/s/usememo-rfphn?file=/src/index.tsx

Answer 1

useMemo() 实际上在您的代码中正常工作

你有：

const value = useMemo(() => wait(duration), [duration]);

useMemo()每当其依赖项中的任何值发生更改时，重新计算其值，并且您[duration]在每次更改的依赖项数组中都有，您单击setDuration()按钮。

---

如果您想查看useMemo()作品，请在不更改其依赖关系的情况下重新渲染组件。

像这样的东西：useMemo()