问注册axios拦截器的componentWillMount的替代方案？反应

EN

const withErrorHandler = (WrappedComponent, axios) => {
  return class extends Component {
    state = {
  error: null,
};

constructor() {
  super();
  this.reqInterceptor = axios.interceptors.request.use((req) => {
    this.setState({ error: null }); // the interceptor is updating state in the constructor
    return req;
  });
  this.resInterceptor = axios.interceptors.response.use(
    (res) => res,
    (error) => {
      this.setState({ error: error });
    }
  );
}

componentWillUnmount() {
  axios.interceptors.request.eject(this.reqInterceptor);
  axios.interceptors.response.eject(this.resInterceptor);
}

errorConfirmedHandler = () => {
  this.setState({ error: null });
};

render() {
  return (
    <Auxiliary>
      <Modal
        show={this.state.error}
        modalClosed={this.errorConfirmedHandler}
      >
        {this.state.error ? this.state.error.message : null}
      </Modal>
      <WrappedComponent {...this.props} />
    </Auxiliary>
  );
}
  };
};