Dva model层的自己的理解

刚接触Dva的时候,对于model感觉一片茫然,看不懂不知道是什么意思。在之后的公司一个项目中慢慢的对model有了基本的理解。

model.js:

model层一般包含几个部分:

namespacemodel的名字,用来在页面中找到要调用哪一个model,就想id一样。

state: 用来存放数据的地方。

subscriptions:在我看来就是绑定监听页面的,只有进入监听的页面才会触发,且在当前页面只会触发一次 列如:

subscriptions: {

setup ({ dispatch, history }) {

history.listen((location) => {//监听

if (location.pathname === '/storeManage/storeInfo') {//当进入这个页面的时候,就会调用下面的dispatch方法。

dispatch({

type: 'add', 

payload:

location.query.id,

})}})},},

reducers:方法,经常就是调用来把页面,后台传来的值存入到state中:列如:

reducers:{

addSuccess(state,{payload:value}){

return {...state,...value}

//把传的值存入到state中

},

effects:异步的方法调用 例如:

effects: {

//上面监听进入storeManage/storeInfo这个页面,就会调用add这个方法:{payload}这里传的指就是上面payload的值:location.query.id,

* add ({ payload,}, { call, put }) {

const data = yield call(add, payload)

//yield call(add, payload) 异步请求,向add接口发出请求,传参为payload的值,data可以接受到后台传来的数据

if (data.code==200) {

//如果后台返回的状态码为200,就会执行,addSuccess方法,上面已经说了是把值传入到state中,这里就把后台请求到的数据data赋值给list 存入了state中,那样就可以在页面中通过调用state值获取到后台的数据了

yield put({

type: 'addSuccess',

payload: {

list:data

},

})

} else {

throw data

}

}

},

猜你喜欢

转载自blog.csdn.net/Zeng__Yi/article/details/83211070
dva