umijs 4 结合 ant design 使用history 跳转路由

如果你用ant design开发项目,你可能需要处理路由跳转,比如你在一个页面,执行一个方法,完成之后,你要跳到下一个界面。也就是下一个路由。

怎么做呢?

ant design最新版依赖的是umijs/max, 所以我们可以用umijs 4的api实现我们需要的效果。

看看最简单的实现

import { history} from "@umijs/max";

// 跳转到指定路由
history.push('/list');

// 带参数跳转到指定路由
history.push('/list?a=b&c=d#anchor', state);
history.push({
    pathname: '/list',
    search: '?a=b&c=d',
    hash: 'anchor',
  },
  {
    some: 'state-data',
  }
);

// 跳转当前路径,并刷新 state
history.push({}, state)

// 跳转到上一个路由
history.back();
history.go(-1);

结合官方文档,请看:

API (umijs.org)

文档,平时不用看,直到你需要用的时候,再看

分类: 编程语言 标签: ant design 路由跳转 umijs/max API 发布于: 2024-04-03 10:46:52, 点击数: