Ant Design Pro 跳转路由 传参数,接收参数

通过声明的方式做路由跳转。

例子:

import Link from 'umi/link';

export default () => {
  <div>
    /* 普通使用 */
    <Link to="/list">Go to list page</Link>

    /* 带参数 */
    <Link to="/list?a=b">Go to list page</Link>

    /* 包含子组件 */
    <Link to="/list?a=b"><button>Go to list page</button></Link>
  </div>
}

#umi/router

通过编程的方式做路由切换,包含以下 4 个 API 。

#router.push(path)

推一个新的页面到 history 里。

例子:

import router from 'umi/router';

// 普通跳转,不带参数
router.push('/list');

// 带参数
router.push('/list?a=b');
router.push({
  pathname: '/list',
  query: {
    a: 'b',
  },
});
# 对象且不包含 pathname 会报错
router.push({
  query: {}
});

list页面接收参数

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/103257864