umi history.push

您可以使用 `umi` 中的 `history` 对象的 `push` 方法来进行页面跳转。例如，您可以使用以下代码来实现页面跳转：

import { history } from 'umi';

history.push('/targetPage');

其中，`'/targetPage'` 是您要跳转到的目标页面的路径。您可以根据需要修改它。

相关问题

ant pro design中history.push

history.push 是 React Router 提供的一种导航方式，它可以将当前页面的 URL 添加到浏览器的历史记录中，并且在不刷新页面的情况下导航到新的页面。在 Ant Design Pro 中，它通常用于在页面内部进行路由跳转，例如点击一个菜单项后跳转到对应的页面。可以通过使用 withRouter 高阶组件来注入 history 对象，然后在组件中使用 history.push 实现页面跳转。示例代码如下：

import { withRouter } from 'umi';

function MyComponent(props) {
  const handleClick = () => {
    props.history.push('/path/to/another/page');
  };

  return <button onClick={handleClick}>Go to another page</button>;
}

export default withRouter(MyComponent);

在上面的代码中，使用 withRouter 包装了 MyComponent 组件，并在组件内部使用 props.history.push 实现了页面跳转。

ant design pro获取history.push携带的参数

如果您使用的是 React Router v4 或 v5，可以通过 `history.push` 方法传递 state 对象来携带参数。在 Ant Design Pro 中，可以通过在路由组件中访问 `props.location.state` 来获取传递的参数。

例如，您可以通过以下方式在一个页面中使用 `history.push` 方法传递参数：

import { Button } from 'antd';
import { withRouter } from 'umi';

const MyButton = withRouter(({ history }) => (
  <Button onClick={() => {
    history.push('/my-page', { message: 'Hello World!' });
  }}>
    Go to My Page
  </Button>
));

export default MyButton;

然后，在 `/my-page` 页面组件中，您可以通过 `this.props.location.state.message` 来获取传递的 `message` 参数值：

import React from 'react';

class MyPage extends React.Component {
  render() {
    const { message } = this.props.location.state;
    return (
      <div>
        <h1>My Page</h1>
        <p>{message}</p>
      </div>
    );
  }
}

export default MyPage;

注意，如果您直接在地址栏中输入 `/my-page` 来访问该页面，`this.props.location.state` 将会是 `undefined`，因为没有通过 `history.push` 方法传递参数。因此，在访问该属性前，最好先检查一下它是否存在。