react-router-dom Link search 传参

  • Post author:
  • Post category:其他


<Link>

和之前版本没太大区别,重点看下组件属性:

  • to(string/object):要跳转的路径或地址;
  • replace(bool):

    为 true 时

    ,点击链接后将使用新地址替换掉访问历史记录里面的原地址;

    为 false 时

    ,点击链接后将在原有访问历史记录的基础上添加一个新的纪录。

    默认为 false

示例如下:

// Link组件示例

// to为string
<Link to="/about">关于</Link>

// to为obj
<Link to={{
  pathname: '/courses',
  search: '?sort=name',
  hash: '#the-hash',
  state: { fromDashboard: true }
}}/>

// replace 
<Link to="/courses" replace />

.