【问题标题】:Redux: async actions without modifying the storeRedux:无需修改存储的异步操作
【发布时间】:2016-12-18 12:20:13
【问题描述】:

即使这个 http 请求没有修改 store,从 redux-thunk 中间件发送 http 请求是个好主意吗? 这是一些解释我的意思的代码:

export const CONFIRM_UPLOAD_REQUEST = 'CONFIRM_UPLOAD_REQUEST';
export const CONFIRM_UPLOAD_SUCCESS = 'CONFIRM_UPLOAD_SUCCESS';
export const CONFIRM_UPLOAD_FAILURE = 'CONFIRM_UPLOAD_FAILURE';

function _confirmUpload() {
  return {
    [CALL_API]: {
      types: [CONFIRM_UPLOAD_REQUEST, CONFIRM_UPLOAD_SUCCESS, CONFIRM_UPLOAD_FAILURE],
      requestMethod: 'POST',
      endpoint: `upload/confirm`
    }
  };
}

export function confirmUpload() {
  return (dispatch) => dispatch(_confirmUpload());
}

当我发送此操作时,我的中间件将执行 POST 上传/确认 请求。它不会修改商店(所以我没有 CONFIRM_UPLOAD_SUCCESS 的减速器)。

问题:这种方法有多糟糕?我必须直接执行 http 请求(而不是通过中间件)吗?

【问题讨论】:

  • 不确定它是否是好的实践——但你可以在不调度它的情况下运行该函数(因为它没有更新存储):export function confirmUpload() { /*regular http request here*/ } 不需要为减速器返回对象,因为它不是调度

标签: reactjs redux redux-thunk


【解决方案1】:

回答我自己的问题,是的,这是不好的做法,因为即使组件的属性没有更改,组件也会被重新渲染

【讨论】:

    猜你喜欢
    • 2020-10-18
    • 2019-12-17
    • 2020-04-23
    • 2016-06-02
    • 2017-06-23
    • 2016-08-21
    • 2017-09-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多