axios 삭제시 바로 나타나게하기

[장경민]

안녕하세요 

삭제시 ajax 로 요청하여 바로 적용하기 위해서

노드 강의를 참고하여 작성중인데

(노트강의 속 삭제시 바로반영되는 코드)

 $('.delete').click(function(){

$.ajax({ method : 'DELETE', url : '/delete', data : { _id : e.target.dataset.id } })

.done((결과)=>{ $(this).parent('li').fadeOut(); })

}); 

리액트에서 jquery 를 사용 하지않고 아래처럼 작성하면 반영이 되지않네요 

  axios.delete('/hide').then((res)=>{
         console.log('삭제요청')
       this.parent('div').style.display = 'none'

        }).catch(()=>{
                console.log('요청실패')
         })

리액트에서는 jquery 를 사용하지않나요?

jquery 를 사용하지 않고 axios 로 post / delete 구현할때 

클릭하면 바로 반영되게 하려면 어떻게 하면 좋을까요?

[codingapple]

jquery 보다 axios가 용량이 적어서 ajax만 필요하면 axios 설치해서 쓰면 됩니다 

axios.delete('/hide', { data: 어쩌구 })

data 넣는 란이 빠진듯요 

[장경민]

 

(서버)

(리액트)

data: {_id : 글넘버} 라고 지정했는데

콘솔에 찍어보면 클릭했을때 data-id 값을 undefined 로 나오고 있어 삭제가 되지않습니다. 

 

[codingapple]

그렇다면 props.글[i] 부터 잘 출력되나 확인해봅시다 

[장경민]

콘솔과 일반 태그내에서는 잘 나오고있습니다ㅣ

data-id 에서 만 나오지않고있어요 숫자로 변환도 해보았는데 nan 으로나오구여 ㅠㅠ

[codingapple]

그럼 props.글[i]에 _id가 없나봅니다 부모 컴포넌트가 잘 전해줬는지 확인해야할듯요 

[장경민]

props.글[i]에 _id가 없나봅니다  를 이해못했습니다

위에 콘솔찍었을때 잘 받아오면 잘전해진게아닌가요??

[장경민]

기존 div 위에 새로 써서 복사해서 넣으니 또 되네요 

div 안에 svg 가 포함되서 오류가 난걸까요 ?

( 확인 해보니 div 안에 svg 가 있는데 클릭시 e.target 값 가져오래놓곤 svg만 열라 눌러서 없는 data-id를 찾고있었네요 

)

[codingapple]

그럴땐 e.currentTarget 써도 될듯요 

[장경민]

데이터 아이디가 제대로 찍히고 

 

 req.body._id = parseInt(req.body._id); 가 있으면 삭제가 안되고 이걸 지우면 삭제가 됬었는데 계속해서 첫번째 게시글만 삭제되는오류가있습니다 .

axios 에 data : 값도 잘전달했는데

  let 글번호 = e.target.dataset.id;
                                        axios.delete('/hide',{
                                            data: { _id : 글번호 }
                                        })
                                        .then((res)=>{
                                           
                                            console.log(글번호 + ': data-id ')
                                        }).catch(()=>{
                                            console.log('요청실패')
                                        }) 

어떤게 원인일까요 ...

[글쓴이]

글