온클릭 🗑 클릭이 안됩니다

7 글 보임 - 1 에서 7 까지 (총 7 중에서)

글쓴이

글

2024년 1월 30일 14:03 #111835

참가자


1. /list 에 사용할 컴포넌트를 만들고, <ListItem result={result} /> 로 마무리 했습니다. method 와 _id 가 정삭적으로
서버에 이동됬는지 확인하고자 서버를 만들고  console.log(req.body); 를 했습니다.

근데 <span> 태그인  🗑 클릭이 되질  않아 로그를 확인이 안됩니다. 뭐가 문제일까요?

2024년 1월 30일 21:32 #111885

codingapple

키 마스터

/api/post/delete로 요청해봅시다

2024년 1월 31일 09:00 #111916

구호준

참가자

짜치는 실수 죄송합니다,

수정 후에도 여전히 그대로입니다. 버튼을 눌러도 로그123123 이 뜨지 않는거 보니 전송이 안되는거 같은데, 혹시하는 심정으로 매인페이지도 사진 첨부 합니다

2024년 1월 31일 09:36 #111924

codingapple

키 마스터

서버까지 요청들어오나 서버에서 console.log 써봅시다

2024년 1월 31일 10:54 #111934

구호준

참가자

span onClick 기능이 작동을 안해서 서버에 로그 써도 로그가 뜨지 않습니다.(서버로 DELETE 가 전송이 안됨)

짧게 제가 시도한  방법들 적어보면.

1. url 통해 (http://localhost:3000/api/post/delete) GET 요청 => GET 요청옴
2. <form> 통해 POST 요청으로 삭제 요청 => 삭제됨
3. <span> 을 <button> 으로 변경 => 버튼도 onClick 안에 있는 기능이 실행안됨

억까 당하는거 같아 새로 프로젝트 파서 그 부분만 다시 구현 해봤는데, <span> 상태에서 클릭해도, <button> 상태에서 클릭해도 무반응입니다.
물론 url 로 get 요청은 성공했고, DB 출력도 되는 상태라 onClick 이슈로 의심됩니다


<span> , <button> 둘다 해봤는데 이것도 안되면 제가 문제 있는거 같은데 상남자 답게 스스로 해결이 안됩니다.

도와주십쇼!

2024년 1월 31일 13:31 #111948

codingapple

키 마스터

터미널에 node -v 입력해서 18버전 이상인가 
layout.js에는 body태그 html태그 있나 확인해봅시다

2024년 2월 1일 09:10 #112049

구호준

참가자

<html> 태그 수정하니까 작동됩니다.
코딩한다는 친구 생기면 코딩애플로 대려오겠습니다

글쓴이

글

7 글 보임 - 1 에서 7 까지 (총 7 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png