router4+跳转的数据传递

react+react-router的搭配用起来确实爽。router4提供了很多强大的功能。这里记录一下通过router实现的页面间的数据传输：
共有一下三种方法：

• 利用 params传递

//定义路由
<Route path="/detail/:userId/:userName" component={User} />

//通过js实现页面跳转
this.props.history.push(`/detail/${userId}/${userName}`)
//以上是es6中模板字符串的写法。uesrId和userName都是一个变量。渲染到页面，浏览器的url可能就是  ’/detail/111/张三‘

新页面获取变量。假设url为 ’/detail/111/张三‘

//router4以下的获取方法
let {userId,userName}=this.props.params   //userId="111"   userName="张三"

//router4的获取方法
let {userId,userName}=this.props.match.params   //userId="111"   userName="张三"

• 利用query传递(router4+，没有这个方法)

//定义路由
<Route path="/detail" component={User} />

//js页面跳转
this.props.history.push({
	pathname:'/detail'