React-redux

工作流程

  

1. store 

  store:就是保存数据的地方,你可以把它看成一个容器,整个应用只能有一个Store

  Redux提供了一个createStore这个函数,用来生成Store。

2. state

  Store对象包含所有数据。

   store 提供了一个getState()

  

2. reducer

  是 createStore()  的第一个参数,是一个函数,可以做成匿名函数,可以做成命名函数

  主要是用来生成新的 state,主要接收两个状态,一个是 state,一个是 action,

    一个state:就是数据

    一个action:view视图层客户通过实践(dispatch)提交的

  reducer 函数必须有返回值 返回的值就是新状态

  

3. action

  是一个对象,其中type属性是必须的,表示action的名称

  所有 state 的改变都是用户通过视图层 view,

  action描述当前发生的事情。改变state的唯一办法,就是action,他会运送数据到store

4. store.dispatch()

  是 view 层唯一发出 action 的方法,参数是一个 action 对象

  

  

5. store.subscribe()

  store.subscribe()这个函数监听state,一旦sate发生改变,就自动执行这个函数

   

案例:

  store.js   action.js

    

  App.js

    

  index.js

    

原文地址:https://www.cnblogs.com/liancai001/p/11593128.html