内容简介:这就意味着如果有一个组件脱离了这颗树, 那么这个组件将无法与
react-redux
通过 context
将整个项目变成了一颗 "组件树", 每个组件变成了这棵树上的节点
这就意味着如果有一个组件脱离了这颗树, 那么这个组件将无法与 store
通信
rims
架构下, 整个项目看起来像是一个圆环, 无论是子组件或父组件, 他们直接与圆环中心相关联
rims
提供与 react-redux
相同用法的 connect
.
rims
即插即用 甚至可以与原有使用 react-redux
的项目共存(注意: 同一组件不要同时使用二者的 connect
), 可将 store
直接传入 createConnect
, 只维护一个 store
.
Quick Start
Installation
npm install --save rims 复制代码
or
yarn add rims 复制代码
Create store and connect
// createConnect.js import { createStore } from 'redux'; import reducers from './reducers'; import { createConnect } from 'rims'; const store = createStore(reducers); export default createConnect(store); 复制代码
需要创建一个新的文件, 用于创建 store
和 createConnect
创建 store
, 我们仅替换了 react-redux
, 好消息是若你此前配置过 store
, 那么 store
不需要变动, 仅仅导出 createConnect
即可. 当然这也意味着我们仍然可以用 redux
的插件: redux-thunk
redux-logger
等.
Connect Components
import connect from './createConnect'; @connect(state => state) class App extends React.Component{ // ... } 复制代码
多页面应用状态共享
通过状态数据持久化实现, 使用 redux-persist
实现状态数据持久化.
// createConnect.js import { createStore } from 'redux'; import { persistStore, persistReducer } from 'redux-persist'; import reducers from './reducers'; import { createConnect } from 'rims'; const persistConfig = { key: 'root', storage: storageSession, }; const persistedReducer = persistReducer(persistConfig, reducers); const store = createStore(persistedReducer); export default createConnect(store); 复制代码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- Tor的高级使用方式
- 使用 AJP 方式配置反向代理
- LiveData基础使用方式+工作原理(上篇)
- 使用 C# 代码创建快捷方式文件
- 使用 Golang Timer 的正确方式
- 用 gopher 的方式使用 panic
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
数据结构 Python语言描述
[美] Kenneth A. Lambert 兰伯特 / 李军 / 人民邮电出版社 / 2017-12-1 / CNY 69.00
在计算机科学中,数据结构是一门进阶性课程,概念抽象,难度较大。Python语言的语法简单,交互性强。用Python来讲解数据结构等主题,比C语言等实现起来更为容易,更为清晰。 《数据结构 Python语言描述》第1章简单介绍了Python语言的基础知识和特性。第2章到第4章对抽象数据类型、数据结构、复杂度分析、数组和线性链表结构进行了详细介绍,第5章和第6章重点介绍了面向对象设计的相关知识、......一起来看看 《数据结构 Python语言描述》 这本书的介绍吧!
HTML 压缩/解压工具
在线压缩/解压 HTML 代码
RGB CMYK 转换工具
RGB CMYK 互转工具