zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    if语句
    操作列表
    列表
    数据类型(不全)
    windows安装mysql
    hadr启动报错码
    db2主备hadr部署
    java--遍历字符个数
    java--装饰类
    java--继承&接口
  • 原文地址:https://www.cnblogs.com/wy1935/p/7144932.html
Copyright © 2011-2022 走看看