React Router 4.0 (以下简称 RR4) 已经正式发布,它遵循React的设计理念,即万物皆组件。所以 RR4 只是一堆 提供了导航功能的组件(还有若干对象和方法),具有声明式(引入即用),可组合性的特点。
R4 本次采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有若干相互独立的包,分别是:
react-router
React Router 核心react-router-dom
用于 DOM 绑定的 React Routerreact-router-native
用于 React Native 的 React Routerreact-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
谢谢博主的分享 很喜欢
毫无疑问,这个是要支持的!
新年好呀,新年好呀,祝福博主新年好!
@八达网 谢谢。
博客大好,让人忘不了!
看不懂。
果断mark下########