当前位置: 首页 > news >正文

React Dva 操作models中的subscriptions讲述监听

接下来 我们来看一个models的属性
之前没有讲到的subscriptions

我们可以在自己有引入的任意一个models文件中这样写

subscriptions: {setup({ dispatch, history }) {console.log(dispatch);},
},

在这里插入图片描述
这样 一进来 这个位置就会触发
在这里插入图片描述
这里 我们可以写多个

subscriptions: {setup({ dispatch, history }) {console.log(dispatch);},mingt({ dispatch, history }) {console.log("你好");}
},

然后 我们运行后会发现 他们都是可以触发的
在这里插入图片描述
这里 我们可以用它来监听一些东西 然后触发我们models中的函数
例如

setup({ dispatch, history }) {window.onresize = () => {dispatch({type: "AsynchSchedul/getAsynchSchedulList",payload: {id: 123}}).then(res => {console.log(res);})}
},

在这里插入图片描述
这里 我们监听屏幕变化 window中的onresize事件
然后 我们拖动F12 改变界面宽度 这样 这个事件就会一直触发去请求
在这里插入图片描述
但是 其实我不建议大家这样去写 因为多次请求性能不好 很容易程序崩溃
但操作一下基本数据 或者特殊需求 就需要你调 接口 那也可以这样去写

我们也可以改成这样

subscriptions: {setup({ dispatch, history }) {history.listen((location) =>{console.log(location);})},},

运行结果如下
在这里插入图片描述
老实说 个人感觉这个东西作用并不大 有点鸡肋 知道有这么个东西就好了

http://www.lryc.cn/news/114339.html

相关文章:

  • 标准化归一化 batch norm, layer norm, group norm, instance norm
  • Zabbix监控系统详解及配置
  • 【100天精通python】Day29:文件与IO操作_XML文件处理
  • 人工智能的未来:探索下一代生成模型
  • C++ 运算符重载为非成员函数
  • [国产MCU]-BL602开发实例-定时器
  • re学习(29)攻防世界-CatFly(复原反汇编)
  • Android WIFI-概率性不能自连
  • 用Python批量复制文件,方法有9种,方便快捷
  • 《凤凰架构》第一章——服务架构演进史
  • 【iPhone】手机还有容量,拍视频却提示 iPhone 储存空间已满
  • pycharm中opencv库导入 cv2. 无函数提示跳出解决方法
  • week3
  • LeetCode28.找出字符串中第一个匹配项的下标
  • 爬虫009_字符串高级_替换_去空格_分割_取长度_统计字符_间隔插入---python工作笔记028
  • Windows 安装Tensorflow2.1、Pycharm开发环境
  • 【javaScript】数组的常用方法(自用记忆版)
  • 全新二开美化版UI好看的社区源码下载/反编译版
  • Docker 发布一个springboot项目
  • 办公信息系统安全基本技术要求
  • 有效管理IT问题的5个原则
  • 【MongoDB】解决ProxmoxVE下CentOS7虚拟机安装MongoDB6后启动失败的问题
  • MySQL 事务原理:事务概述、隔离级别、MVCC
  • useEffect从入门到入土
  • 第三章 图论 No.6负环之01分数规划与特殊建图方式
  • 九、Spring 声明式事务学习总结
  • ResNet50卷积神经网络输出数据形参分析-笔记
  • uniapp 微信小程序 封装公共的请求js(api版本)
  • 格式化后数据恢复,教你3个实用方法!
  • LaTex使用技巧21:设置中文环境、字体、行间距和页边距