react-reduxを使用してエラー500をページにグローバルにリダイレクトする方法

Question

私はこの反応を使用していますredux starter、どのようにページにすべてのAPI 500エラーをリダイレクトすることができますか？

Answer 1

redux-starterには、デフォルトでreact-router-reduxとredux-thunkがインストールされています。

あなたはコードを提供していないので、API呼び出しがどこにあるのかは分かりませんが、あなたのAPIラッパーに店舗を注入できるのであれば、あなたのreduxストア経由でルータアクションを送信することができます。あなたはこのような何かできるAPIラッパーとサンクのいくつかの種類を使用していると仮定すると、

：

import { push } from 'react-router-redux'; 

function myThunkFunction() { 
    return dispatch => axios.get(...).catch((error) => { 
    /** insert logic to determine 500 error **/ 
    if (500error) { 
     dispatch(push('http://example.com/error/500')); 
    } 
    }); 
}