goodluckalien / react-keepalive-router Goto Github PK

react-router-dom v5

index.js:905 Uncaught TypeError: Cannot read properties of undefined (reading 'state')
at CacheRoute.UNSAFE_componentWillReceiveProps (index.js:905:1)
at callComponentWillReceiveProps (react-dom.development.js:13607:16)
at updateClassInstance (react-dom.development.js:13844:9)
at updateClassComponent (react-dom.development.js:20440:22)
at beginWork (react-dom.development.js:22376:18)
at HTMLUnknownElement.callCallback (react-dom.development.js:4144:16)
at Object.invokeGuardedCallbackDev (react-dom.development.js:4193:18)
at invokeGuardedCallback (react-dom.development.js:4257:33)
at beginWork$1 (react-dom.development.js:27253:9)
at performUnitOfWork (react-dom.development.js:26405:14)

hooks里面可以使用actived 和 unActived生命周期吗，怎么使用的

问题：如何判断路由是前进还是后退实现前进刷新，后退不刷新。

场景：如A-B-C，A,B为列表页面从C页面返回时需要缓存，但是从A-B时,B需要更新

清除缓存的有类组件的么？？我看demo只有hook组件的

把route路由更换为KeepaliveRoute之后，exact属性无效。比如列表页的路由：/video/study，详情页的路由：/video/study/list，这样从列表点击跳转到详情的时候，地址栏的路由发生了变化，但是页面并没有跳到详情页去

请问可以给一个完成的可以跑起来的示例吗？你这个 KeepAliveRoute 缓存的是真实的 DOM，按照 README 里面的 gif，切换回去数字还是 8，如果在点击 add，这个数字会是 1 还是 9？

函数组件中，页面的状态与组件实际状态不一致，页面更像是一个快照，函数组件中的state都被初始化了。
函数组件有一个输入框 值为5，再次进入时页面也显示5，但是打印出来的却是初始值。感觉真实dom与react虚拟dom不一致。

1.引入进来提示invariant未安装 需要手动安装
2.安装完后跑起来没有报错 但也没有缓存路由

route设置scroll属性，但是监听不到parentNode的滚动，还要设置什么嘛

作者有空看一下 页面一刷新就报错了
demo : dist.zip

router

    <Suspense fallback={Loading}>
      <BrowserRouter>
        <KeepaliveRouterSwitch>
          <Route strict exact path="/user/login">
            <Login />
          </Route>
          <Route strict exact path="/redirect" component={Redirect404} />

          <KeepaliveRoute strict exact path="/patient/list">
            <Layout>
              <List />
            </Layout>
          </KeepaliveRoute>
          <KeepaliveRoute strict exact path="/patient/:id/record/overview">
            <Layout>
              <ListStudy />
            </Layout>
          </KeepaliveRoute>
          <KeepaliveRoute strict exact path="/patient/analysis">
            <Layout>
              <Analysis />
            </Layout>
          </KeepaliveRoute>
          <Redirect from="/*" to="/redirect" />
        </KeepaliveRouterSwitch>
      </BrowserRouter>
    </Suspense>

使用

import { useParams } from 'react-router-dom';
 const { id } = useParams();
// ?undefined

希望可以增加保存滚动位置的功能
是否可以将快弃用的钩子修改为UNSAFE的形式，我控制台总是报componentWillReceiveProps的警告

路由传参有问题，页面滚动也有问题。