React 路由传参

方式 一: 通过params 1.路由表中             2.Link处 HTML方式 XXXX                  JS方式 this.props.history.push( '/sort/'+'2' )             3.sort页面 通过 this.props.metch.params.id 就可以接受到传递过来的参数(id)             方式 二: 通过query 前提:必须由其他页面跳过来,参数才会被传递过来     注:不需要配置路由表。路由表中的内容照常: 1.Link处 HTML方式            JS方式 this.props.history.push({ path : '/sort' ,query : { name: ' sunny'} }) 2.sort页面 this.props.location.query.name 方式 三: 通过state 同query差不多,只是属性不一样,而且state传的参数是加密的,query传的参数是公开的,在地址栏 1.Link 处 HTML方式:    JS方式: this.props.history.push({ pathname:'/sort',state:{name : 'sunny' } })    2.sort页面 this.props.location.state.name
posted @ 2019-01-09 08:53  maps..xy  阅读(155)  评论(0编辑  收藏  举报