页面跳转
在 umi 里,页面之间跳转有两种方式:声明式和命令式。
声明式
通过 Link 使用,通常作为 React 组件使用。
import { Link } from "umi";
export default () => <Link to="/list">Go to list page</Link>;
命令式
通过 history 使用,通常在事件处理中被调用。
import { history } from "umi";
function goToListPage() {
history.push("/list");
}
也可以直接从组件的属性中取得 history
export default (props) => (
<Button onClick={()=>props.history.push('/list');}>Go to list page</Button>
);
更多命令式的跳转方法,详见 api#history。