は、私は私のコンポーネントに反応から呼び出されるアクションの作成者を持ってReduxの-サンク

Question

を使用してネイティブ反応します。注：私はredux-thunkミドルウェアを使用しています。私が行うことができるようにしたいどのような

export function submitProfile(profile) { 
    return dispatch => { 
    axios.post(`some_url`, profile) 
     .then(response => { 
     console.log("Profile submission request was successful!"); 

     dispatch({ ... }); // dispatch some action 

     // this doesn't seem to do anything . . . 
     return Promise.resolve(); 
     }) 
     .catch(error => { 
     console.log(error.response.data.error); 
     }); 
    }; 
} 

は、プロファイルを提出し、その要求が成功した後、その後、私のコンポーネントからのナビゲーターに新しいルートをプッシュするアクションの作成者を呼んでいます。投稿のリクエストが成功したと判断してルートをプッシュできるようにしたいだけです。それ以外の場合は、何もプッシュしませんが、エラーが発生したとします。もう一度やり直してください。

私はオンラインで検索してPromise.resolve（）を見つけましたが、私の問題は解決していません。私は、redux-promiseミドルウェアを使用していた場合、アクションクリエーターを呼び出した後、ちょうど私ができることを知っています。どのように私はそれをredux-thunkでやっていますか？

Answer 1

サンクとして定義された関数からの戻り値が返されます。したがって、物事が正しく機能するためには、アクシオスの要求をサンクから返さなければなりません。

export function submitProfile(profile) { 
    return dispatch => { 
    return axios.post(`some_url`, profile) // don't forget the return here 
     .then(response => { 
     console.log("Profile submission request was successful!"); 

     dispatch({ ... }); // dispatch some action 

     return Promise.resolve(); 
     }) 
     .catch(error => { 
     console.log(error.response.data.error); 
     }); 
    }; 
}