react项目架构

reducer返回合成的新state

state状态组成的对象

connect

state映射为props的方法输入state输出props

create-react-app脚手架

根据reducer

createStore

react-route路由

   redux用法

loadable动态加载路由组件插件

store

容器组件

store.dispatch(action)

新的state

state

dispatch

react-redux容器组件

reducer设置初始state，并且根据不同的action 的type，执行action更改state的方法

store保存新state

内部根据action、reducer更改state

reactUI组件

action描述要怎么更新state的对象

内部根据reducer生成初始state

可作为参数传入

根据父UI组件

store调用传入的根reducer

redux核心概念                                                      store                            将state、action、reducer连在一起的对象                                       一个redux只有一个store

action

store.dispatch(异步action)

dispatch方法

redux管理状态