React学习--嵌套路由与组件的3种传参方式

一.嵌套路由的使用

1. 注册子路由时要写上父路由的path值
   
2. 路由的匹配是按照注册路由的顺序进行的，从App.jsx开始

二.向路由组件传递参数数据

1. params参数

   路由链接（携带参数)
   

   注册路由（声明接收）
   
   接收参数：从this.props.match.params中获取
   

2. search参数

   路由链接（携带参数）
   

   注册路由（无需声明，正常注册即可）
   
   接收参数
   
   注意：获取到的search是urlencode编码字符串(?id=01&title='消息1')，需要借助querystring解析（提前import导入）。并且需要对拿到的search进行slice(1)操作，去掉前面的？

3. state参数

   路由链接（携带参数）
   

   注册路由（无需声明，正常注册即可）
   
   接收参数：从this.props.lacation.state中获取
   
   注意：刷新也可以保留住参数

三.push与replace模式

路由主要是对浏览器的历史记录进行操作，默认是push模式

开启replace模式方法：在路由链接中添加replace关键字即可