aax 요청 취소

var native = new XMLHttpRequest();
native.open("GET","https://api.github.com/");
native.send();
native.onreadystatechange=function(){
    if(native.readyState==4&&native.status==200){
        console.log(native.response);           
    }else{
        console.log(native.status);
    }
}
native.abort();

var jp = $.ajax({
    type:"get",
    url:"https://api.github.com/",
    dataType:"json",
    success:function(data){
        console.log(data);
    },
    error:function(err){
        console.log(err);
    }
})
jp.abort();

...
constructor(props) {
    this.state=store.getState()
    this.source = axios.CancelToken.source() // axios 
}
...
componentDidMount = () => {
    const _t = this
    const url="xxxx";
    axios.get(url, {
        cancelToken: _t.source.token 
    })
        .then(res => {
            ...
        })
        .catch(function(thrown) {
            if (axios.isCancel(thrown)) {
                console.log('Request canceled', thrown.message);
            } else {
                console.log(thrown)
            }
        })
}
componentWillUnmount = () => {
    // 
    this.source.cancel(' , ');
}

componentDidMount(){
  this.mounted = true;
  CCAjax({
         url:'front/facepay/reportMeal',
         headers:{token:token},
         data:{
                errorCode:res.resultCode
         },
         success:(res)=>{
                if(!this.mounted) {
                    return
                }
         }
  });
}
 
componentWillUnmount(){
  this.mounted = false;
}