未处理的拒绝（TypeError）：调度不是在动作创建者中出现此错误的函数

Question

调用分派时出现此错误。

Unhandled Rejection (TypeError): dispatch is not a function

这是我的动作创建者代码，我遇到了上述错误。

export function getStatus(requestId) {
  return async dispatch => {
    let url = GET_UPLOADED_STATUS_URL + requestId;
    let response = await get(url);
    const timeout = setTimeout(getStatus(requestId), 2000);
    if (response.status === 200) {
      let total = response.payload.count;
      let totalCompleted = response.payload.uploadCompleted
      dispatch({
        type: UPDATE_PROGRESS_BAR_STATUS,
        total: total,
        completed: totalCompleted
      })
      if (!response.payload == "") {
        toastr.info(`Total processed ${totalCompleted}`);
      }
      if (response.payload === "") {
        dispatch({
          type: SHOW_PROGRESS_BAR,
          data: false
        })
        clearTimeout(timeout);
      }
    } else {
      clearTimeout(timeout);
      dispatch({
        type: SHOW_PROGRESS_BAR,
        data: false
      });
    }
  }
}

如您所见，我每两次调用此操作 second.Its 第一次执行时工作正常，但第二次执行时它会在调度 UPDATE_PROGRESS_BAR_STATUS 时出现上述错误。并在控制台中收到此错误。

Uncaught (in promise) TypeError: dispatch is not a function
    at _callee3$ (index.js:100)

有人可以指导我我在这里做错了什么或者为什么我得到这个error.any提前感谢帮助。

这是我调用 getStatus() 操作的更新代码。

export function uploadFileFolder(arrayofFile, jdId) {
  return async dispatch => {
    dispatch({
      type: REQUEST_INITIATED
    });
    let url = UPLOAD_FILE_FOLDER_URL + jdId;
    let response = await post(url, arrayofFile);
    if (response.status === 200) {
      dispatch({
        type: REQUEST_SUCCESSED
      });
      history.push({
        pathname: "/file-list/" + jdId
      });
      toastr.success(response.payload.message);
      dispatch({
        type: SHOW_PROGRESS_BAR,
        data: true
      });
      let requestId = response.payload.requestId;
      dispatch(getStatus(requestId));
    } else {
      dispatch({
        type: REQUEST_SUCCESSED
      });
    }
  }
}

和 uploadFileFolder() 操作我通过单击组件中的按钮来调用它。

Answer 1

我认为连接代码有问题。我不确定你是如何连接它的。请按照这个。希望有用。

    //YOUR COMPONENT FILE
    import {uploadFileFolder} from 'path/to/your/uploadFileFolderFile' 

    export class YourComponent .... {
      //Your Component Code

      onButtonClick() {
        //OtherCode
        this.props.uploadFileFolder(arrayofFile, jdId)
      }

    }
    const mapStateToProps = (state) => {
      return {
      };
    };

    export default connect(mapStateToProps, { uploadFileFolder })(YourComponent);


    //Action File
    export const uploadFileFolder => (arrayofFile, jdId) => {
      return async dispatch => {
        //...Rest of the code
      };
    }

Answer 2

您收到此错误是因为当您每 2 秒调用一次 getStatus() 操作时没有得到调度。正如您所说，它在第一次执行时工作正常，但在第二次调用时出现错误，因为第二次它没有得到调度。所以你需要像下面给出的那样更新你的代码。

const timeout = setTimeout(dispatch(getStatus(requestId), 2000));

未处理的拒绝（TypeError）：调度不是在动作创建者中出现此错误的函数

Unhandled Rejection (TypeError): dispatch is not a function getting this error in action creator

javascript

dispatch

dispatch-async

reactjs

redux-thunk