react-router-dom Link search 传参

时间:2022-12-04 20:17:36

<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 />

.