文档章节

ReactRouter 1.x 版用法

WolfX
 WolfX
发布于 2016/04/05 15:43
字数 72
阅读 18
收藏 0

和之前的0.x版用法不太一样,这里写了个小例子做下笔记.

var Router = ReactRouter.Router;
var Route = ReactRouter.Route;

var App = React.createClass({
  render () {
    return (
      <div>
        <h1>App</h1>
      </div>
    )
  }
});

var App2 = React.createClass({
  render () {
    return (
      <div>
        <h1>App2</h1>
      </div>
    )
  }
});

ReactDOM.render((
  <Router>
    <Route path="/app1" component={App}/>
    <Route path="/app2" component={App2}/>
  </Router>
), document.getElementById("main"));

© 著作权归作者所有

WolfX

WolfX

粉丝 52
博文 246
码字总数 31477
作品 0
南京
技术主管
私信 提问
ReactRouter-V5免费图文视频教程(我免费,有培训机构什么事,就出!)

最近一直有培训机构加我微信和QQ对我进行辱骂,我出免费视频,你培训机构怎么了,市场那么大,你赚钱还不准人家自愿作免费吗?我就出,每周三集免费视频教程,目标1000集。 React Router 是一...

技术胖
08/12
0
0
React Router v4 入坑指南

万恶的根源 距离React Router v4 正式发布也已经过去三个月了,这周把一个React的架子做了升级,之前的路由用的还是v2.7.0版的,所以决定把路由也升级下,正好“尝尝鲜”... 江湖传言,目前官...

桂圆_noble
2017/07/07
0
0
React Router从V2/V3到V4的变化

React Router v4几乎重写了v2/v3,相比于v3变化较大,包括Router/Route的改变,组件嵌套的方式,路由的生命周期,Swicth和Redirect等组件都改变较多,新版本的react router更偏向组件化,基本...

八叉树
01/07
0
0
2. React-Router的基本使用

《react-router-dom源码揭秘》系列 1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。原文来自react-router-dom官网 这...

phgap
2018/11/18
0
0
实现一个简单版React Router v4理解其原理

对于React-Router的实现原理,参考自Build your own React Router v4这篇英文原文,另外,React-Router底层库history的源码也值得一读。 接下来是关于React-Router v4的一个简单版实现,通过...

Perry084
08/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

读书笔记:深入理解ES6 (五)

第五章 解构:使数据访问更便捷 第1节 为什么使用解构功能?   在ES5中,开发者们从对象、数组中获取特定数据并赋值给变量,编写了很多看起来同质化的代码。例如: 1 let options = {2 ...

张森ZS
27分钟前
21
0
CentOS7 yum方式安装MySQL5.7

在CentOS中默认安装有MariaDB,这个是MySQL的分支,但为了需要,还是要在系统中安装MySQL,而且安装完成之后可以直接覆盖掉MariaDB。 1 下载并安装MySQL官方的 Yum Repository [root@localho...

roockee
36分钟前
15
0
Allegro三种自定义设置快捷键的方法

Allegro自定义设置快捷键的三种方法: 1、在Allegro PCB editor 命令窗口直接定义 2、通过修改用户变量env文件来设置快捷键 3、定义笔画为快捷键 1、在Allegro PCB editor 命令窗口直接定义 ...

demyar
40分钟前
16
0
如何做一张能让人眼前一亮的大屏?

作为在职场驰骋的社会人,提到数据可视化大家应该都不陌生了。数据可视化的作用也不用我多说,主要是利用图形化手段,更清晰直观地将数据展示。多层次、交互式的可视化分析能够方便决策者理解...

朕想上头条
41分钟前
9
0
TL138/1808/6748-EthEVM开发板硬件CPU、FLASH、RAM

TL138/1808/6748-EthEVM是广州创龙基于SOM-TL138/1808/6748核心板开发的一款开发板,具有三个网络接口。由于SOM-TL138/1808/6748核心板管脚兼容,所以此三个核心板共用同一个底板。开发板采用...

Tronlong创龙
45分钟前
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部