javascript - 将回调与 Action 创建者一起使用

Question

我在完成后发出 POST 请求 我想使用回调将用户重定向到新页面。下面是我的 onSubmit 处理程序。

 onSubmit(values) {
        console.log('before action');
        this.props.createPost(values, () => {
            console.log('callback fired');
            this.props.history.push('/someotherpage');
        });
    }

这是我的 Action 创作者。

export function createPost(values, callback) {
    const request = axios.post(`/api/create_post`, values)
        .then(() => callback());

    return {
        type: CREATE_POST,
        payload: request
    };
}

我期待回调将我重定向到另一个页面，但它没有这样做。数据确实被发送到数据库，但回调没有触发。

Answer 1

根据您在评论中添加的错误消息，您的 HTTP 调用失败，promise 被拒绝。因此，永远不会调用 .then() 处理程序。

通过 .catch() 处理程序添加错误处理，您应该能够处理(失败的)调用结果。