redux-01

本文介绍了Redux中的reducer概念,它是一个纯函数,负责处理应用的状态。reducer在首次调用时用于初始化状态,之后每次接收到action时,都会返回新的状态。页面组件通过store.subscribe监听状态变化并强制更新。为了优化,可以将状态变更后的页面更新逻辑移至index.js。此外,使用store.dispatch来改变Redux的值。
摘要由CSDN通过智能技术生成

store.js:

count_reducer.js:

1. reducer 的本质是个函数,接收:preState, action, 返回加工后的状态;

2. reducer 有两个作用:初始化状态,加工状态并返回;

3. reducer 第一次被调用时,是 store 自动出发的,传递的 preState 是 undefined。

页面组件:

引入store:

API-01: store.getState()

获取 redux的值

API-02: store.subscribe()

监测 redux的变化,并强制更新render
(因为redux只负责状态管理,至于状态的改变驱动着页面的展示,需要我们自己手动更新,所以我们强制render)


API-03: store.dispatch()

改变 redux的值

改良:

store.subscribe, 将 "redux 监测到状态改变后页面重新render" 的逻辑移到项目根文件index.js中(这样就不需要在每一个页面组件中都强制更新一次render):

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值