Javascript 我使用React js应用程序，出现了这个问题（TypeError:Cannotreadproperty'；request'；）

strong文本从'React'导入React，{Component} 从“../../Aux/Aux”导入Aux； 从“../../components/UI/Modal/Modal”导入模态

const withErrorHandler = (WrappedComponent , axios) => {
    return class extends Component {
        state = {
            error : null
        }
        componentDidMount (){
            axios.intetceptors.request.use(req => {
                this.setState({error:null});
                return req;
            })
            axios.intetceptors.response.use(res => res , error => {
                this.setState({error : error})
            })    }
            errorConfirm = () => {
                this.setState({error:null})
            }
        render (){
        return (
            <Aux>
                <Modal show ={this.state.error} modalClosed={this.errorConfirm}>
                    {this.state.error ? this.state.error.message : null}
                </Modal>
                <WrappedComponent {...this.props} />
            </Aux>
        )}
    }
}

export default withErrorHandler;

const withErrorHandler=（WrappedComponent，axios）=>{
返回类扩展组件{
状态={
错误：null
}
组件安装（）{
axios.intetceptors.request.use（req=>{
this.setState（{error:null}）；
返回请求；
})
axios.intetceptors.response.use（res=>res，error=>{
this.setState（{error:error}）
})    }
errorConfirm=（）=>{
this.setState（{error:null}）
}
渲染（）{
返回(
{this.state.error？this.state.error.message:null}
)}
}
}
导出默认处理程序；

常量WitherroHandler=（WrappedComponent，axios）=>{
返回类扩展组件{
状态={
错误：null
}
组件安装（）{
axios.interceptors.request.use（req=>{
this.setState（{error:null}）；
返回请求；
})
axios.interceptors.response.use（res=>res，error=>{
this.setState（{error:error}）
})    }
errorConfirm=（）=>{
this.setState（{error:null}）
}
渲染（）{
返回(
{this.state.error？this.state.error.message:null}
)}
}
}
导出默认处理程序；

---

您在axios.interceptors中有一个拼写错误

您拼错了

axios.intetceptors.request

，它应该是

axios.interceptors.request

。 由于它正在解析为未定义

    const withErrorHandler = (WrappedComponent , axios) => {
    return class extends Component {
        state = {
            error : null
        }
        componentDidMount (){
            axios.interceptors.request.use(req => {
                this.setState({error:null});
                return req;
            })
            axios.interceptors.response.use(res => res , error => {
                this.setState({error : error})
            })    }
            errorConfirm = () => {
                this.setState({error:null})
            }
        render (){
        return (
            <Aux>
                <Modal show ={this.state.error} modalClosed={this.errorConfirm}>
                    {this.state.error ? this.state.error.message : null}
                </Modal>
                <WrappedComponent {...this.props} />
            </Aux>
        )}
    }
}

export default withErrorHandler;