初探 React Router 4.0

React Router 4.0 (以下简称 RR4) 已经正式发布,它遵循React的设计理念,即万物皆组件。所以 RR4 只是一堆 提供了导航功能的组件(还有若干对象和方法),具有声明式(引入即用),可组合性的特点。

R4 本次采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有若干相互独立的包,分别是:

  • react-router React Router 核心
  • react-router-dom 用于 DOM 绑定的 React Router
  • react-router-native 用于 React Native 的 React Router
  • react-router-redux React Router 和 Redux 的集成
  • 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

点赞
  1. 朱绪博客说道:

    谢谢博主的分享 很喜欢

  2. 套图网说道:

    毫无疑问,这个是要支持的!

  3. 八达网说道:

    新年好呀,新年好呀,祝福博主新年好!

    1. wp_tianshan说道:

      @八达网 谢谢。

  4. 博客大好,让人忘不了!

  5. JIUCAIJIUCAI说道:

    果断mark下########

发表评论

电子邮件地址不会被公开。 必填项已用*标注