react umijs antd 实现页面路由缓存插件 例子

可以使用 umi-plugin-react 的 keepAlive 插件来实现页面路由缓存，具体实现可以参考以下代码：

// .umirc.ts 或者 config/config.js
export default {
  plugins: [
    [
      'umi-plugin-react', {
        // 配置 keepAlive 插件
        keepAlive: {
          include: [
            '/home',
            '/user',
          ],
          exclude: [
            '/user/login',
          ],
        },
      }
    ],
  ],
}

// 在需要缓存的页面组件上，添加 keepAlive 属性
import { useAliveController } from 'umi';

export default function Home() {
  const { drop, getCachingNodes } = useAliveController();

  return (
    <div>
      <h1>Home Page</h1>
      <button onClick={() => drop()}>关闭当前页面缓存</button>
    </div>
  );
}