在React高阶函数中初始化时，Axios拦截器不起作用

Question

我有一个使axios获得的组件

Component <using axios instance> {
   componentDidMount(){
    axios.get('myurl.jn').then(ingredients => { <wrong url>

    }).catch( error => {
      console.log(error) // dosent even show here as we donot propagate the error
    })
    }
}
export default hoc(Component,axiosInstance)

高级功能部件

const ErrorHandler = (WrapperComponent, axios) => {
    return class extends Component {

        componentDidMount(){
            axios.interceptors.request.use(req => {
                console.log(req) // none
                this.setState({error : null});
                return req;
              });

            axios.interceptors.response.use(res => res,(error) => {
                console.log(error) // none
                this.setState({error : true});
              });
        }

我尝试在使用axios实例的hoc的所有位置添加记录器和断点，但是没有任何作用。

在我创建实例的地方以及在我们如何解决此问题的地方，只有拦截器被拾起。浏览器控制台抛出404，但未被拦截器捕获。

我是一个非常新的反应者，axios刚刚学习了过去一周，如果没有遵循适当的指导原则，请原谅