Navigate Between Pages

In umi, there are two ways to navigate between pages: declarative and imperative.


it is usually used as a React component.

import { Link } from 'umi';
export default () => (
<Link to="/list">Go to list page</Link>


Based on umi/router, it is usually called in event processing.

import { history } from 'umi';
function goToListPage() {

You can also get the history directly from the component's properties

export default (props) => (
<Button onClick={()=>props.history.push('/list');}>Go to list page</Button>

For more command-style jump methods, see api#history.