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

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

使用dva遇到添加功能，這里是點(diǎn)擊添加按鈕顯示模態(tài)框的表單，但是關(guān)閉的時(shí)機(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);
  }
},
回答
編輯回答
女流氓

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

2018年4月21日 09:33
編輯回答
哚蕾咪

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

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

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

2018年1月25日 06:47