Redux原理图

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_页面刷新

暴露store

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_react.js_02

创建reducer

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_数据更新_03

引入store

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_reactjs_04
reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_数据更新_05

getState获取redux中保存的state

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_reactjs_06

store.dispatch传给reducer

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_reactjs_07

组件内部解决数据更新后页面刷新问题

虚晃一枪，调用render完成页面重新渲染。
reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_页面刷新_08

全局解决页面刷新问题

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_react.js_09

精简版小结

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_页面刷新_10

创建action

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_前端_11

在组件中使用action

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_前端_12

优化：定义常量，防止写错。

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_react.js_13
reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_reactjs_14

补充：return一个对象的简写方式

reactjs redux入门完整版示例：store reducer getState dispatch subscribe action_数据更新_15