首页 > 其他 > 详细

React-redux

时间:2019-09-26 19:40:54      阅读:90      评论:0      收藏:0      [点我收藏+]

工作流程

  技术分享图片

 

 

 

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

    技术分享图片

 

React-redux

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!