Shen Junru comments

Results 16 comments of


                                            Shen Junru

请问有和react-routerV6配合使用的demo吗

欢迎试用 [react-fiber-keep-alive](https://www.npmjs.com/package/react-fiber-keep-alive)，一个基于 react fiber 的 keep-alive 实现

How to delete the page cache when i need do that?

Give a try [react-fiber-keep-alive](https://www.npmjs.com/package/react-fiber-keep-alive), the react fiber based keep-alive implementation.

Does this module still works?

Give a try [react-fiber-keep-alive](https://www.npmjs.com/package/react-fiber-keep-alive), the react fiber based keep-alive implementation.

添加缓存后，setState 偶尔会失效

你给的例子，我这运行时好的啊 `切换可见状态` 也并不受keep-alive控制

添加缓存后，setState 偶尔会失效

并不清楚CRA里带里啥

keepAlive包裹B页面，A页面已加载，A->B->A->B，B页面状态正常；C页面未加载过，A->B->C->B，B页面确实已缓存，state什么都都正常，但是B页面的最外层元素 style="display:none", 经过反复测试，确认是个Bug.

`display: none` 应该是你某个组件，mount后加上的，unmount的时候没有还原，可以排查一下

keepAlive包裹B页面，A页面已加载，A->B->A->B，B页面状态正常；C页面未加载过，A->B->C->B，B页面确实已缓存，state什么都都正常，但是B页面的最外层元素 style="display:none", 经过反复测试，确认是个Bug.

也可能是第三方的UI库造成的副作用

keepAlive包裹B页面，A页面已加载，A->B->A->B，B页面状态正常；C页面未加载过，A->B->C->B，B页面确实已缓存，state什么都都正常，但是B页面的最外层元素 style="display:none", 经过反复测试，确认是个Bug.

本库的实现原理，只操作了 react fiber 和 dom 的装/卸载。并未涉及到样式操作

keepAlive包裹B页面，A页面已加载，A->B->A->B，B页面状态正常；C页面未加载过，A->B->C->B，B页面确实已缓存，state什么都都正常，但是B页面的最外层元素 style="display:none", 经过反复测试，确认是个Bug.

我用单纯的 react 17.0.2 / 18.1.0 + react-router 5.2.0 + react-fiber-keep-alive 0.7.1 和你的代码并未复现你的问题，能否放一个 demo 到 https://codesandbox.io/ 我没用过 umi，不清楚是不是 umi 带来的副作用

keepAlive包裹B页面，A页面已加载，A->B->A->B，B页面状态正常；C页面未加载过，A->B->C->B，B页面确实已缓存，state什么都都正常，但是B页面的最外层元素 style="display:none", 经过反复测试，确认是个Bug.

umi 4 因该是使用了 React-18 的 `` 组件会执行 hideInstance() 操作加上 `display: none` https://github.com/facebook/react/blob/v18.2.0/packages/react-dom/src/client/ReactDOMHostConfig.js#L636