Redux学习笔记

action

语法：{type:自定义,...}

是一个javascript对象， 其中的type属性是必须的 ，是应用（view）向store发送数据源的唯一途径（使用store.dispatch(action)）

reducer

用来指定当action被应用（view）发送到store的时候，state该如何改变的函数。

语法：（previousState,action）=>newState  接受两个参数  一个是当前的state,一个是应用(view)发送过来的action。

不能再在里面镶套reducer。

 combineReducers()方法可将多个reducer合并到一起。

store

一个应用只能有一个store 他是将action 和  reducer联系起来的纽带。

方法：store.dispatch(action) 、store.getState() 、store.subcribe(listener)（这个函数是在一个action被dispatch，也就是state发生改变时候触发，listener一般是render()）

创建store: const store = createStore(reducer)，这是将reducer绑定到store 一旦通过dispatch()方法发出action，就会自动触发reducer。

其他

1、单独使用react时，我们通过setState方法可以触发React的更新渲染，而目前呢，状态数据全部交由redux管理了，redux当中的状态数据发生改变时，响应的是我们通过subscribe方法绑定的listener

2、当react和redux一起使用的时候  为了不重复调用ReactDOM.render()方法，可以使用React专门为我们提供了主动触发更新渲染的方法forceUpdate，在这里呢，我们也要配合react的生命周期函数，在componentDidMount方法当中，通过store.subscribe绑定this.forceUpdate()方法，作为状态数据改变时的响应。之后为了让我们的代码更加完善呢，也可以在componentWillUnmount生命周期函数当中进行解绑。