react-router-dom
Switch
路由切换,只会匹配第一个路由
Route
它最基本的职责是在其 path 属性与某个 location 匹配时呈现一些 UI
Router
Link
为你的应用提供声明式的、可访问的导航链接
NavLink
一个特殊版本的 <Link>,它会在与当前 URL 匹配时为其呈现元素添加样式属性
Redirect
使用 <Redirect> 会导航到一个新的位置。
新的位置将覆盖历史堆栈中的当前条目,例如服务器端重定向(HTTP 3xx)
Prompt
用于在位置跳转之前给予用户一些确认信息。
当你的应用程序进入一个应该阻止用户导航的状态时(比如表单只填写了一半),弹出一个提示
withRouter
当一个非路由组件也想访问到当前路由的match,location,history对象,那么withRouter将是一个非常好的选择,
可以理解为将一个组件包裹成路由组件
HashRouter
BrowserRouter
使用 HTML5 提供的 history API
MemoryRouter
将 URL 的历史记录保存在内存中的 <Router>(不读取或写入地址栏)。
在测试和非浏览器环境中很有用,例如 React Native。
StaticRouter
NativeRouter
react-redux
Provider
* 他是react-redux 中提供的一个组件, 包裹在最外层,即祖先组件
* 他就是 通过 class 的connect 实现的,能让Provider 的组件的子孙组件都拿到挂载的store
* 分发store,与action
connect
* 用于从 UI 组件生成容器组件。connect的意思,就是将这两种组件连起来
* 要想让组件拿到store 就得用 connect () 这个方法 来链接,你可以理解架桥
applyMiddleware
* 异步action需要应用中间件
creatStore
* 创建store
组件存储数据:
- redux
- state
- props