Sample of React component that allow cancel axios ajax call when unmount

axios-cancellation.js

class SampleCancellableAjax extends Component {
  constructor(props) {
    super(props);

    /* Ajax handlers */
    this._cancelToken = CancelToken.source();
  }


  componentDidUpdate() {
    const { input } = this.props;

    axiosAjaxCall(
      { input },
      this._cancelToken.token,
    ).then(({data}) => {
      this.setState({
        data,
      });
    });
  }

  componentWillUnmount() {
    if (this._cancelToken) {
      this._cancelToken.cancel('Operation canceled by the user.');
    }
  }
}