안녕하세요 선생님
개인 프로젝트 만들다가 알수 없는 현상이 발생했는데
검색해도 답을 찾을 수가 없어서 도움 요청드립니다
기능은 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() 안에 있는 기능이 작동하지 않는 것 같습니다
이유를 알고싶습니다 선생님..ㅠㅜ
