umijs怎么用history的state

UMI (统一管理界面) 是一个基于React的JavaScript框架，它提供了一套完整的前端解决方案，包括路由管理、状态管理等。关于`history.state`的使用，通常是在处理路由跳转时，我们想要在跳转之间传递一些额外的状态信息。

在Umi中，你可以通过`createBrowserHistory`或`createHashHistory`创建自定义历史实例，并利用`pushState`、`replaceState`方法来设置和获取`history.state`：

import { useRouter } from 'umi/router';

function YourComponent() {
  const router = useRouter();

  // 设置状态
  router.push({
    pathname: '/some-page',
    state: { key: 'value' },
  });

  // 获取并使用状态
  let prevState = router.history.state; // 当前页面的state
  if (prevState) {
    console.log('Previous state:', prevState.key);
  }

  // 使用useEffect清理状态
  useEffect(() => {
    router.replace({ state: null }); // 跳转后清除状态
    // 或者在离开某个路径时手动清除
  }, [router.location.pathname]);

  return <div>...</div>;
}

当需要在组件间传递这个状态时，可以将其作为props或在全局状态管理库（如Redux或MobX）中存储。