react-router

Resource

资料1

react-router4

Rule

1、通配符匹配
  *表示任意字符 ** 表示任意路径 （）表示可以省略或匹配

2、：param 和 ?key=value
  可以用通过props.param获取到
  可以用props.location.query.key获取到

3、路径同时匹配只匹配其一
  因此，带参数的路径一般要写在路由规则的底部。

4、IndexRoute
  显示指定默认路由，当有子路由的时候，匹配子路由的组件
  layout:
      Router
        IndexRoute component={default}
        route path="children" component={child}

5、Redirect 组件
  组件用于路由的跳转，即用户访问一个路由，会自动跳转到另一个路由
  从属于route，只有from to，没由componente

6、函数跳转
  使用context对象： this.props.router.push(path)

7、onEnter
  layout: onEnter={(routeMsg, replace) => replace('path') }

8. lifecycle
  在路径上的component没有被移除的会componentWillRecieveProps, 被激活的会componentDidMount

9. 激活路由
  只会使相对应的组件激活，才不是整个页面切换呢