当需要缓存页面时，react中怎样实现类似于vue的KeepAlive功能？

Question

当需要缓存页面时，react中怎样实现类似于vue的KeepAlive功能？

Answer 1

鲍鲍越来越幽默了 2022-02-19 22:13:30

有一个开源插件react-activation可以实现keep-alive功能，搭配路由使用，缓存页面或者组件，这是目前社区内近似最佳的实现，但是也是要慎用，如果需要重度使用的话会有一些意想不到的问题。

Answer 2

双越 2021-11-15 08:20:32

react 中没有，你可以通过其他方式解决。例如，使用修改 css 来切换组件的显示和隐藏；再例如，使用 useMemo 缓存那些耗时较多的数据 —— 这些其实都类似缓存功能，都有效果。

• 提问者 斜杠男人 #1

  1.css显示隐藏效果不好，且要操作dom。2.usememo在组件没有销毁时也只对不变数据缓存，但是切换组件时组件销毁了。

• 双越 回复 提问者 斜杠男人 #2

  css 切换不用操作 DOM ，用 jsx 表达式就行。