首頁猿問 dvajs中模態(tài)框的狀態(tài)應(yīng)該放在組...

dvajs中模態(tài)框的狀態(tài)應(yīng)該放在組件內(nèi)部還是model中？

JavaScript

長風(fēng)秋雁 2018-08-18 21:25:31

使用dva遇到添加功能，這里是點(diǎn)擊添加按鈕顯示模態(tài)框的表單，但是關(guān)閉的時機(jī)如果在組件中使用state，就無法根據(jù)返回結(jié)果做判斷（有些字段重復(fù)不能添加）?，F(xiàn)在把顯示、關(guān)閉的邏輯都寫到了model中，這樣做可以嗎？部分代碼：組件中：function handleAdd() { dispatch({ type: 'user/saveAddModalVisible', payload: true }); } function handleCancel() { dispatch({ type: 'user/saveAddModalVisible', payload: false }); }<Button onClick={handleAdd}>添加</Button><Modal title="添加代理" visible={addModalVisible} onCancel={handleCancel} > <div> <Form> // ... </Form> </div></Modal>model中：*addChannel({ payload }, { call, put }) { const res = yield call(addChannelReq, payload); if (res.code === 200) { yield put({ type: 'saveAddModalVisible', payload: false }); message.success('添加成功'); } else { message.destroy(); message.warning(res.msg); } },

查看完整描述

2 回答

拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個贊

dva中的model是把redux的action和reducer放在了一起
model里的存的更多是全局的變量和數(shù)據(jù)，其實(shí)并不一定要把全部的東西都放到model里
像modal的visible或者其它這個組件自用的state，完全可以不用model，在組件里寫方法用state就好了，用了model反而代碼變復(fù)雜了
redux里有一句話，當(dāng)你不知道要不要用redux的時候，其實(shí)就是不需要的

1 反對回復(fù) 2018-08-19

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個贊

題主這么寫是可以的~
我展示一下我一般是怎么寫的吧，互相學(xué)習(xí)~
我一般都是這么寫的，在model中將modal的狀態(tài)方法分開寫

 hideModal(state) {
            return { ...state, ModalVisible: false }
        },
 showModal(state) {
            return { ...state, ModalVisible: true }
        },

這樣子在組件中只需要調(diào)用showModal和hideModal就可以了

反對回復(fù) 2018-08-19