dvajs中模态框的状态应该放在组件内部还是model中？

Question

使用dva遇到添加功能，这里是点击添加按钮显示模态框的表单，但是关闭的时机如果在组件中使用state，就无法根据返回结果做判断（有些字段重复不能添加）。现在把显示、关闭的逻辑都写到了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);
  }
},

Answer 1

dva中的model是把redux的action和reducer放在了一起model里的存的更多是全局的变量和数据，其实并不一定要把全部的东西都放到model里像modal的visible或者其它这个组件自用的state，完全可以不用model，在组件里写方法用state就好了，用了model反而代码变复杂了redux里有一句话，当你不知道要不要用redux的时候，其实就是不需要的

Answer 2

题主这么写是可以的~我展示一下我一般是怎么写的吧，互相学习~我一般都是这么写的，在model中将modal的状态方法分开写 hideModal(state) {             return { ...state, ModalVisible: false }         },  showModal(state) {             return { ...state, ModalVisible: true }         },这样子在组件中只需要调用showModal和hideModal就可以了