如何将数据从拦截器响应或拦截器错误传递到React中的其他组件

Question

我需要将数据从拦截器响应/错误传递到其他组件

axios.interceptors.response.use(
  function (response) {
    if (response.headers.TestFlag === 'True') {
//Pass data to other component
    }
    return response;
  },
  function (error) {
    if(error.response.data!=null && error.response.data.title==='Generic error'){
//Pass error details to component
    }
    return Promise.reject(console.error);

  }
);

Answer 1

您可以使用某种类型的组件通信方法，例如Redux，MobX。抛出错误后，您可以将其传递给适当的reducer并在您的组件中使用它。