leiyanting

导航

 
  • 特点:路径中会暴露信息值,且需要声明接收
  • 路由链接(携带参数):
//直接传属性
<Link to={'/demo/test/tom/18'}>详情</Link>
//在该组件内部访问对象并传参
<Link to={`/demo/test/${obj.info1}/${obj.info2}`}>详情</Link>
  • 注册路由(声明接收):
<Route path="/demo/test/:name/:age" component={Test}/>
  • 接收参数方式:const {name,age} = this.props.match.params
posted on 2022-01-11 08:34  leiyanting  阅读(204)  评论(0编辑  收藏  举报