【Redux】subscribe的作用

最新推荐文章于 2024-05-31 09:52:48 发布
最新推荐文章于 2024-05-31 09:52:48 发布
阅读量996 收藏 1
点赞数 1
分类专栏： React 文章标签： react
原文链接：https://blog.csdn.net/qq_42068550/article/details/100512585?utm_medium=distribute.pc_relevant.none-task-blog-utm_term-2&spm=1001.2101.3001.4242
版权

subscribe的作用

subscribe 这个函数是用来去订阅 store 的变化，比如你每次对 store 进行 dispatch(action) 都会触发 subscribe 注册的函数调用，这个在实际情况不是必须要的，看自己的应用场景，比如你想监控 store 的全局变化时 可以用 subscript 订阅一下，然后作一些反应

每次通过dispatch 修改数据的时候，其实只是数据发生了变化，如果不手动调用 render方法，页面上的内容是不会发生变化的

但是每次dispatch之后都手动调用很麻烦啊，所以就使用了发布订阅模式，监听数据变化来自动渲染

Milk595
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
redux-subscriber：订阅redux状态中任何部分的更改
02-05
Redux用户 该软件包允许您订阅状态中任何部分的更改。 安装 npm install redux-subscriber --save 用法 store.js import { createStore } from 'redux' ; import initSubscriber from 'redux-subscriber' ; const store = createStore ( ... ) ; // "initSubscriber" returns "subscribe" function, so you can use it const subscribe = initSubsc
redux的工作流程以及subscribe的作用
想搞全栈的前端
09-03 1424
redux的工作流程 使用函数createStore创建store数据点 import { createStore } from 'redux'; import reducer from './reducer' const store = createStore( reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && ...
推荐使用：redux-subscriber —— Redux 状态变化订阅神器
最新发布
gitblog_00053的博客
05-31 250
推荐使用：redux-subscriber —— Redux 状态变化订阅神器 项目地址:https://gitcode.com/ivantsov/redux-subscriber 在 React 和 Redux 的开发中，实时监听和响应状态的变化是常见的需求。为此，我们向您推荐一个优秀的开源库——redux-subscriber，它使您能轻松地订阅 Redux 应用中的任何状态部分变化。 项目介...
Redux中subscribe的作用
热门推荐
星星月亮的博客
01-08 1万+
代码如下： 创建一个组件 import React, { Component } from 'react' import store from "./store"; import axios from 'axios'; export class DD extends Component { constructor(props){ super(props); ...
手写redux的connect方法, 使用了subscribe获取最新数据
qq_42750608的博客
10-18 411
手写redux的connect方法, 使用了subscribe获取最新数据
Redux Demo
11-29
- **Store**: 是Redux应用的核心，它保存整个应用的状态树，并提供了`dispatch`方法来派发Actions，以及`subscribe`方法来监听状态变化。 2. **Redux工作流程**： - 当组件需要改变状态时，它会创建并派发一个...
redux创建过程.docx
04-03
【Redux 创建过程详解】 Redux 是一个 JavaScript 状态容器，提供了可预测化的状态管理。下面将详细解析 Redux 的创建过程： 1. **初始化项目结构**： 首先，我们需要创建一个专门存放 Redux 相关内容的文件夹，...
redux-batched-subscribe：用于https：github.comreactjsredux的存储增强器，允许批量订阅通知
02-05
npm install -- save redux - batched - subscribe 用法 batchedSubscribe存储增强器接受一个函数，该函数在每次分派后都以单身notify回调的形式调用。 调用notify回调将触发所有订阅处理程序，这使您能够使用各种...
react-redux.zip
07-31
此外，store还提供了`subscribe`方法，允许监听状态的变化。 在描述的功能中，当用户点击添加购物车按钮，会触发`addToCart` action。这个action可能包含商品ID和数量等信息。Redux middleware（如`redux-thunk`）...
Redux学习篇:关于store.subscribe()监听方法与取消监听的认识
YanHSama的博客
10-17 8425
Store 允许使用store.subscribe方法设置监听函数，一旦 State 发生变化，就自动执行这个函数。 store.subscribe方法返回一个函数，调用这个函数就可以解除监听。 完整代码 import React, {useEffect} from 'react'; import store from '../../Store/index'; import {addAction, decAction} from '../../Action'; export default functi
订阅redux状态的任何部分的更改
08-08
订阅redux状态的任何部分的更改
EventBus3.0源码解析——01.使用方法、@Subscribe
boolean的博客
08-12 3714
使用方法 //注册事件 EventBus.getDefault().register(Object subscriber); //注销事件 EventBus.getDefault().unregister(Object subscriber); //发送 EventBus.getDefault().post(Object event); //接收 //这里的方法名不是关键所在，关键是发送的O...
Redux状态管理笔记
EmotionComputer
06-11 1024
注意： 在redux里会要求返回一个全新的state出来，原因是处于性能考虑，如果改变了某个属性，redux还需要去一个个对比是哪个属性发生了变化，而对于一个大型的数据结构来说，做深度检查是及其好性能的，所以redux选择了返回一个新的对象的方式。(创建一个对象的方式比做深度的对比性能要开销的小的多)。 计算机中如果有一些事情不能理解，要么就是出于性能，要么就是出于安全性考虑的 reducer是一个函数，在createStore的时候会自动执行一次。 store的两个方法： store.getStat.
【React】Redux 基础使用
day day up
08-28 851
View视图中通过dispatch触发action修改state中的数据，state中的数据修改后更新View视图中去，在class组件中，我们通过store中Api方法subscribe() 监听;state数据的变化，从而更新react组件重新渲染组件。
2020-09-17redux学习
weixin_43933139的博客
09-17 121
首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。 曾经有人说过这样一句话。 "如果你不知道是否需要 Redux，那就是不需要它。" Redux 的创造者 Dan Abramov 又补充了一句。 "只有遇到 React 实在解决不了的问题，你才需要 Redux 。" 简单说，如果你的UI层非常简单，没有很多互动，Redux 就是不必要的，用了反而增加复杂性。 用户的使用方式非常简单 用户之间没有协作 不需要与服务.
store.subscribe需要先定义，后执行；可以定义多次 subscribe
brucehongsen的博客
09-08 2205
1. code import { createStore } from "redux"; const reducer = (state = 0, action) => { switch (action.type) { case "add": return state + 1; default: return state; } }; const store = createStore(reducer); console.log(store); s
EventBus源码分析
yu_ren_的博客
03-02 214
eventBus
React学习笔记八——Redux的使用详解
2301_78850344的博客
04-07 820
核心竞争力，怎么才能提高呢？成年人想要改变生活，逆转状态？那就开始学习吧~万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值