File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 99 - reducer.js
1010 - component.js
1111- redux
12- - tore .js
12+ - store .js
1313- app.js
1414
1515### 组件 Component1
Original file line number Diff line number Diff line change 22在前面三篇 Redux 的教程中已详细提到 Redux 的实现,大概可可以总结以下几点
33- Redux
44 - 有` Actions ` 、` Reducer ` 、` Store ` 这三层
5- - 通过` createStore(reducer) ` 得到` store ` ,换名话说 ` store ` 包含了` reducer ` 的逻辑实现
5+ - 通过` createStore(reducer) ` 得到` store ` ,换句话说 ` store ` 包含了` reducer ` 的逻辑实现
66 - 通过` store.dispath(action) ` 去调用` reducer ` ,从而改变` state `
77 - 通过` store.getState() ` 获取在` reducer ` 改变的` state `
8- - Redux 本身与 React 没有并没有半毛线关系
8+ - Redux 本身与 React 没有并没有半毛钱关系
99- React
1010 - 有 ` Component ` 、` state ` 、` props ` 三大关键要素
1111 - 本身通过` setState() ` 改变` state ` 从而触发` render ` ,更新` component `
1212- react-redux
1313 - 这是一个第三方模块,它的作用就是本来没有半毛钱关系的 Redux 和 React 关联在一起
1414 - 它有组件` Provier ` 和方法` connect `
1515 - ` connect ` 将 React 的` state ` 和 Redux 的` actions ` 合并成一个对象` props ` ,再将这个对象和` component ` 生成一个新的组件
16- - ` Provider ` 负责将 Redux 的` store ` 当属性传` connect ` 的新组件,从面将 React 和 Redux 关联到了一起
16+ - ` Provider ` 负责将 Redux 的` store ` 当属性传` connect ` 的新组件,从而将 React 和 Redux 关联到了一起
1717 - 当新组件调用` action ` 的时候,` Provider.store ` 就会映射调用` reducer ` 从而改变` state ` ,当` state ` 发生改变,就会触发新组件的` render ` ,重新更新组件。
1818
1919## 中间件
@@ -357,4 +357,4 @@ ReactDOM.render(
357357- 组件 ` datagrid ` 支持动态配置
358358- ` ajax ` 请求放到了中间件执行
359359- ` ajax ` 请求为了统一处理,分为三个状态,就是` constants.js ` 文件中的三个变量,分别代表请求前,请求中,请求后
360- - 请求前显示加载组件` spinner ` ,请求结束后移除加载组件` spinner `
360+ - 请求前显示加载组件` spinner ` ,请求结束后移除加载组件` spinner `
You can’t perform that action at this time.
0 commit comments