调用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
});
}
}
}
正如你所看到的那样,我每隔两秒就会调用一次这个动作。它在第一次执行时工作正常,但是在执行第二次执行UPDATE_PROGRESS_BAR_STATUS时遇到上述错误。并在控制台中收到此错误。
Uncaught (in promise) TypeError: dispatch is not a function
at _callee3$ (index.js:100)
有人可以指导我在这里做错了什么或为什么我得到这个错误。任何帮助将不胜感激提前感谢。
这是我更新的代码,其中我如何调用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()动作我通过单击组件中的按钮来调用它。
您收到此错误是因为当您每2秒调用一次getStatus()操作时没有收到调度。正如你所说,它首次执行时工作正常,但在第二次调用它是因为错误,因为它第二次没有得到调度。因此,您需要更新您的代码,如下所示。
const timeout = setTimeout(dispatch(getStatus(requestId), 2000));
我认为连接代码有问题。我不确定你是如何连接它的。请关注此。希望它会奏效。
//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
};
}