Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未处理的拒绝(TypeError):分派不是在操作创建者中获取此错误的函数_Javascript_Reactjs_Redux Thunk_Dispatch_Dispatch Async - Fatal编程技术网

Javascript 未处理的拒绝(TypeError):分派不是在操作创建者中获取此错误的函数

Javascript 未处理的拒绝(TypeError):分派不是在操作创建者中获取此错误的函数,javascript,reactjs,redux-thunk,dispatch,dispatch-async,Javascript,Reactjs,Redux Thunk,Dispatch,Dispatch Async,调用dispatch时出现此错误 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 ge

调用dispatch时出现此错误

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
      });
    }
  }
}

正如你所看到的,我每两秒钟调用一次这个动作。第一次执行的时候效果很好,但是第二次执行的时候,它在发送更新、进度、状态时会出现上述错误。 并在控制台中获取此错误

Uncaught (in promise) TypeError: dispatch is not a function
    at _callee3$ (index.js:100)
有人能告诉我我做错了什么,或者为什么我会犯这样的错误。任何帮助都会被提前感谢

下面是我更新的代码,我是如何调用getStatus()操作的


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

我认为连接代码有问题。我不知道你是怎么连接的。请跟我来。希望它能起作用

    //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
      };
    }

您之所以会遇到此错误,是因为在每2秒调用getStatus()操作时没有得到调度。正如您所说的,它在第一次执行时可以正常工作,但是在第二次调用时,它出现了一个错误,因为第二次它没有得到调度。因此,您需要更新代码,如下所示

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


您能否提供详细信息,您如何调用getStatus函数?@Tuhin请查看我更新的问题。
const timeout = setTimeout(dispatch(getStatus(requestId), 2000));