# Navigate between pages

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

# Declarative

Based on umi/link, it is usually used as a React component.

import Link from 'umi/link';

export default () => (
   <Link to="/list">Go to list page</Link>
);

# Command

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

import router from 'umi/router';

function goToListPage() {
  router.push('/list');
}

For more command-style jump methods, see api#umi/router.