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

使用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);
  }
},


长风秋雁
浏览 1259回答 2
2回答

拉风的咖菲猫

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

米琪卡哇伊

题主这么写是可以的~我展示一下我一般是怎么写的吧,互相学习~我一般都是这么写的,在model中将modal的状态方法分开写&nbsp;hideModal(state)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{&nbsp;...state,&nbsp;ModalVisible:&nbsp;false&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;showModal(state)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{&nbsp;...state,&nbsp;ModalVisible:&nbsp;true&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},这样子在组件中只需要调用showModal和hideModal就可以了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript