初探 React Router 4.0

React Router 4.0 (以下简称 RR4) 已经正式发布,它遵循React的设计理念,即万物皆组件。所以 RR4 只是一堆 提供了导航功能的组件(还有若干对象和方法),具有声明式(引入即用),可组合性的特点。
R4 本次采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有若干相互独立的包,分别是:
  1. react-router React Router 核心
  2. react-router-dom 用于 DOM 绑定的 React Router
  3. react-router-native 用于 React Native 的 React Router
  4. react-router-redux React Router 和 Redux 的集成
  5. react-router-config 静态路由配置的小助手
于是我们有些迷茫,引用

react-router 还是 react-router-dom?

npm install --save react-router // using an ES6 transpiler, like babel import { Router, Route, Link } from 'react-router' $ npm install react-router-dom@next # or $ yarn add react-router-dom@next import { BrowserRouter as Router, StaticRouter, // for server rendering Route, Link // etc. } from 'react-router-dom';
在 React 的使用中,我们一般要引入两个包,react 和 react-dom,那么 react-router 和react-router-dom 是不是两个都要引用呢?
非也,坑就在这里。他们两个只要引用一个就行了,不同之处就是后者比前者多出了 <Link> <BrowserRouter> 这样的 DOM 类组件。
因此我们只需引用 react-router-dom 这个包就行了。当然,如果搭配 redux ,你还需要使用 react-router-redux
详细内容查看:http://blog.csdn.net/sinat_17775997/article/details/69218382
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创 转载请注明:出处来自田珊珊个人博客 » 初探 React Router 4.0
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注
  • 朱绪博客说道:
    谢谢博主的分享 很喜欢
  • 套图网说道:
    毫无疑问,这个是要支持的!
  • 八达网说道:
    新年好呀,新年好呀,祝福博主新年好!
  • wp_tianshan说道:
    @八达网 谢谢。
  • 博客大好,让人忘不了!
  • JIUCAIJIUCAI说道:
    果断mark下########
  • U乐娱乐注册