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

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

JavaScript

長風秋雁 2018-08-18 21:25:31

使用dva遇到添加功能，這里是點擊添加按鈕顯示模態(tài)框的表單，但是關閉的時機如果在組件中使用state，就無法根據(jù)返回結果做判斷（有些字段重復不能添加）。現(xià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 回答

拉風的咖菲貓

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

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

1 反對回復 2018-08-19

米琪卡哇伊

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

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

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

這樣子在組件中只需要調用showModal和hideModal就可以了

反對回復 2018-08-19