アクションクリエータでコールバックを使用する

Question

完了時にPOSTリクエストをしていますが、コールバックを使用してユーザーを新しいページにリダイレクトしたいと思います。以下は私のonSubmitハンドラです。

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

ここは私のアクションクリエイターです。

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

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

コールバックが私を別のページにリダイレクトすることを期待していましたが、それは行いません。データはデータベースに送られますが、コールバックは起動しません。

Answer 1

コメントに追加したエラーメッセージによれば、HTTP呼び出しは失敗し、約束は拒否されます。その結果、.then()ハンドラが呼び出されることはありません。

.catch()ハンドラ経由でエラー処理を追加すると、（失敗した）呼び出し結果を処理できるはずです。