dva学习---model中的subscription订阅

Myth丶恋晨 2022-05-15 05:48 298阅读 0赞

model中的subscription相当于一个监听器，可以监听路由变化，鼠标，键盘变化，服务器连接变化，状态变化等，这样在其中就可以根据不同的变化做出相应的处理，在这个subsription中的方法名是随意定的，每次变化都会一次去调用里面的所有方法，所以一边会加相应的判断。

export default {
    
      namespace: 'example',
    
      state: {},
    
      subscriptions: {
        setup({ dispatch, history }) {  // 这里的方法名可以随便命名，当监听有变化的时候就会依次执行这的变化,这里的dispatch和history和之前说的是一样的
          window.onresize = () => {   //这里表示的当浏览器的页面的大小变化时就会触发里面的dispatch方法，这里的save就是reducers中的方法名
            dispatch (type:"save")  
          }
        },
    
        onClick ({dispatch}) {
          document.addEventListener('click',() => {   //这里表示当鼠标点击时就会触发里面的dispatch命令，这里的save就是reducers中的方法名
            dispatch (type:"save")
          })
        }
      },
    
      setupHistory({dispatch,history}){
        history.listen((location) => {
          console.log(location)   //这里可以获取当前变化的history路径以及参数，hash所有值，这样就可以在路由地址变化后做处理
          ....
        })
      }
    
      effects: {
        *fetch({ payload }, { call, put,select }) {  // eslint-disable-line
          yield put({ type: 'save' });
        },
      },
    
      reducers: {
    
        save(state, action) {
          return { ...state, ...action.payload };
        },
      },
    
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

相关 dva学习记录

定义这个参数 const LinkParams = { namespace: 'linkParams', state: { p

灰太狼/ 2022年10月13日 05:09/ 0 赞/ 229 阅读

相关 dva学习-model的数据管理

例如默认的代码如下： model文件夹中的文件内容介绍 export default { namespace: 'example',

迈不过友情╰/ 2022年05月17日 13:20/ 0 赞/ 228 阅读

相关 dva学习---model中的subscription订阅

model中的subscription相当于一个监听器，可以监听路由变化，鼠标，键盘变化，服务器连接变化，状态变化等，这样在其中就可以根据不同的变化做出相应的处理，在这

Myth丶恋晨/ 2022年05月15日 05:48/ 0 赞/ 299 阅读

相关 dva学习---在model的effects做路由跳转

在前面的router中可以看到，路由在组件中的跳转有很多种方式，那么怎么在model中处理完数据后在实现跳转呢？方法如下： import {routerRedux}

冷不防/ 2022年05月15日 05:47/ 0 赞/ 326 阅读

相关 dva学习---多个model的注册简写

在入口文件的index.js中，如下面的model中所示，如果有许多个，就会显得特别的臃肿，所以这里采用一个方法简写 import dva from 'dva';

超、凢脫俗/ 2022年05月15日 05:42/ 0 赞/ 385 阅读

相关 dva学习--connect数据（model和router）

Connect 传递model中的数据给组件router 前面的model的demo中定义的example.js中定义了state数据，那么在route的路由组件

水深无声/ 2022年05月15日 05:39/ 0 赞/ 961 阅读

相关 dva model中的effect

在实际的开发中，计算新 state 时常常需要异步操作配合，比如说强制延时、异步网络请求数据（比如 ajax）等等。但是 reducer 需要是个纯函数，我们不能在 reduc

- 日理万妓/ 2022年04月24日 16:10/ 0 赞/ 328 阅读

相关 dva model的effect的不同类型使用介绍

dva model的effect的不同类型使用介绍官方的一些介绍 takeEvery takeLatest th

悠悠/ 2022年02月23日 00:04/ 0 赞/ 314 阅读

相关 dva Subscriptions 的使用

dva Subscriptions 的使用 history例子 socket例子 keyboard 输入总结

落日映苍穹つ/ 2022年02月19日 13:57/ 0 赞/ 233 阅读

相关 dva model数据管理

1、在model文件夹下创建.js文件其中这些文件会识别为model文件 src/models下的文件 src/pages/mode

╰+攻爆jí腚メ/ 2021年07月25日 02:07/ 0 赞/ 402 阅读