axios then() 이 반응을 안하는 것 같습니다

안녕하세요 선생님
개인 프로젝트 만들다가 알수 없는 현상이 발생했는데
검색해도 답을 찾을 수가 없어서 도움 요청드립니다

기능은 node 수업에 있는 리스트 삭제기능과 마찬가지이고 제이쿼리 대신 axios를 사용했습니다

//서버
app.delete('/delete', function(req, res) {
 db.collection('showlist').deleteOne({ _id: parseInt(req.body._id) }, function(err, res) {
 console.log('삭제완료');
 })
})

//클라이언트
const deleteShow = (e) => {
const clickId = e.currentTarget.id;
axios.delete('http://localhost:8080/delete',{ data: { _id : clickId} }).then(() => {
 console.log('삭제완료')
 console.log(clickId);
 })
.catch((err) => {
 console.log(err)
 })
 }

//해당 버튼
{
 login ? <FontAwesomeIcon id={show._id} icon={faCircleXmark} className='btn_list_delete' onClick={deleteShow} /> : null
}

삭제 버튼을 누르면 
서버에서 삭제완료 콘솔과
몽고디비에서 데이터 삭제는 정상적으로 이루어 지는데
저 then() 안에 있는 기능이 작동하지 않는 것 같습니다

이유를 알고싶습니다 선생님..ㅠㅜ