Javascript TypeError:_hoc_with AxiosErrorHandler_with AxiosErrorHandler_网页_导入的_模块_8_____默认值(…)不是函数
我试图用高阶组件包装我的组件,但出现上述错误,我的代码如下- 高阶分量Javascript TypeError:_hoc_with AxiosErrorHandler_with AxiosErrorHandler_网页_导入的_模块_8_____默认值(…)不是函数,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我试图用高阶组件包装我的组件,但出现上述错误,我的代码如下- 高阶分量 import React, {Component} from "react"; import Aux from "../MyAux/MyAux" import Modal from "../../components/UI/Modal/Modal"; const withAxiosErrorHandler = (WrappedComponent, axiosIn
import React, {Component} from "react";
import Aux from "../MyAux/MyAux"
import Modal from "../../components/UI/Modal/Modal";
const withAxiosErrorHandler = (WrappedComponent, axiosInstance)=>{
return class extends Component{
state = {error: null}
componentDidMount() {
axiosInstance.interceptors.request.use(req=>{
this.setState({error:null});
return req;
})
axiosInstance.interceptors.response.use(res=> res,error=>this.setState({error: error}))
}
errorConfirmedHandler = ()=>{
this.setState({error: null})
}
render(){
return <Aux>
<Modal canceled={this.errorConfirmedHandler}>
{this.state.error ? this.state.error.message : null}
</Modal>
<WrappedComponent {...this.props} />
</Aux>
}
}
}
export default withAxiosErrorHandler;
class BurgerBuilder extends Component{
... long code...
export default withAxiosErrorHandler(BurgerBuilder,axiosOrder);
现在我在最后一行中遇到错误,即-使用AxiosErrorHandler导出默认值(BurgerBuilder,axiosOrder)代码>,错误如下-
类型错误:
_hoc_带AxiosErrorHandler_带AxiosErrorHandler_网页_导入的_模块_8____默认值(…)
这不是一个函数
我被卡住了,无法得到这个