Dva.js总结

JavaScript023

Dva.js总结,第1张

[图片上传失败...(image-57ff75-1611135362899)]

课堂实战

1.index.js

2.router.js

3.connect连接model

4.跳转路由

发dispatch的时候带一个callback

当判断code成功的时候 执行回调

dispatch函数执行后返回是一个Promise

effects里面调用的函数可以返回值

返回值相当于这个Promise里resolve(这个值)。可以被.then的第一个回调参数拿到

Subscriptions 是一种从 源 获取数据的方法,它来自于 elm。

Subscription 语义是订阅,用于订阅一个数据源,然后根据条件 dispatch 需要的 action。数据源可以是当前的时间、服务器的 websocket 连接、keyboard 输入、geolocation 变化、history 路由变化等等。

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

优点:简化redux操作流程,集成redux-saga中间件

在effects中

函数接受两个参数(接收到的数据,{此参数可以解构出call,put等方法})

然后使用reducers异步修改state中的数据

reducers中的函数的第二个参数就是put传过来的对象,可以解构出payload

return 返回的状态会合并到state中

回到页面组件补充connect()()第一个圆括号中的参数