向路由组件传递params参数

一:向路由组件传递params参数:

 <Link to={`/home/message/messageInfo/${messageItem.id}/${messageItem.info}`}>{messageItem.info}</Link>

 注意格式:

{`/地址/${参数1}/${参数2}/${参数3}`}

二:声明接收params参数:

<Route path="/home/message/messageInfo/:id/:info" component={MessageInfo}/>

 注意格式:

"/地址/:参数1/:参数2"

三:对应的路由组件接收传递的参数

const {id,info} = this.props.match.params

说明:

传过来的参数的位置在props.match.params里面

猜你喜欢

转载自blog.csdn.net/qq_38499019/article/details/118978468