react umi history中state

在React Umi框架中，`history`通常是指JavaScript浏览器历史API，它用于管理和跟踪用户浏览的历史记录，而`state`则是React组件的一部分，用于保存组件内部的可变数据。

当你在Umi项目的路由配置中使用`@umijs/history`，比如在`router.js`文件中，`history`是一个对象，你可以通过它来进行如`push`, `replace`, `go`等操作来导航到不同的页面，并可以在导航前后获取或更新状态。

在React组件中，如果你需要在路由切换时保留一些状态，可以将状态存储在一个组件的生命周期方法（如`componentDidMount()`、`componentWillReceiveProps()`或者`useEffect()`钩子中）的`this.state`里。当你使用`history.push(pathname, state)`时，传入的状态会被附带到URL作为查询参数，然后在下一个组件加载时可以通过`this.props.location.state`来访问。

例如：

import { useRouter } from 'umi';

class MyComponent extends React.Component {
  componentDidMount() {
    const { state } = this.props.location;
    // 使用state数据
  }

  handleClick = () => {
    this.history.push('/new-page', { keyData: 'some value' });
  };

  render() {
    return (
      <button onClick={this.handleClick}>Go to new page</button>
    );
  }
}

export default MyComponent;