React全家桶之一 react-router之高级

使用query获取URL中的参数

//引入相关的依赖

const Page = props =>
    <div>
        <h1>{props.location.query.message}</h1>
    <div>

然后在URL中输入http://localhost:8080/#/?message=wn,

页面中就会显示wn

另外我们还可以在组件中Link中设置pathname和query变量

//依然是引入各种依赖

<Link to={{ pathname:'/' , query:'wangyong' }} />

IndexRouter

IndexRouter即处理页面初始进入时候地组件展示，等路由切换的时候，再根据其他路由规则进行组件的切换展示。

<Router history={browserHistory}>
     <Route path='/' component={home} >
          <IndexRoute componet = {About} />
          <Route path="conent" component={Contact}>
     </Route>
</Router>

　　

嗯呢，就是这个样子的

附上一个地址：：：：   http://cnodejs.org/topic/573f2756fcf698421d20371f