react学习---向路由组件传递params参数


  • 特点:路径中会暴露信息值,且需要声明接收
  • 路由链接(携带参数):
//直接传属性
<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