React-router匹配的组件 如何使用?

React-router 语法的使用

时间: 2016-04-12 19:18:26 作者:zhongxia 

react-router 其实 是配置了一个 路由 和组件 之间的映射关系

1. 当 location 的地址,和 react-router 配置的映射关系表里面 路径匹配上了,就返回对应的组件.

   

2. 但是返回的组件如何使用呢? 大部分的使用方法是这样的.

   

           其实,还可以这样.使用 JSX的方式,来实现. 是不是很赞. 

           

 

            第二种方法,就很方便的在组件里面赋值上,我们需要的数据和方法. 不然如果是  {this.props.children} 这样的话,赋值数据到组件上就比较困难了.