• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 onClick이 제대로 작동하지않습니다ㅠ

onClick이 제대로 작동하지않습니다ㅠ

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #81167

    김한영
    참가자
    'use client'
    export default function Detaillink() {
        return (
            <div>
                <button onClick={() => alert('test')}>Click Me!</button>
            </div>
        )
    }
    버튼을 누르면 test라는 알람이 떠야되는데 아무반응이없습니다.. 왜그럴까요?
    
    
    #81191

    조승현
    참가자
    서버 안키신거 아니에요?? 잘 작동하는데요
    #81219

    김한영
    참가자
    NEXT.JS 데이터 삭제부분을 진행중 Ajax를 이용하여 삭제하는 코드를 썻는데
    
    작동을 하지않아 use client를 사용하는 페이지에 onClick을 테스트중이었습니다ㅠㅠ..
    <!--more-->
    'use client'
    import Link from "next/link"
    export default function Listitem({result}) { // props로 받아오면 props.result로 입력해야하나 {}를 넣어주면 result로 바로 받아올수있음.
        return(
        <div>
            {
                result.map((a, i)=>
                   <div className="list-item">
                   <Link href={`/mody/${result[i]._id}`}>✏️</Link>
                   
                   <span onClick={()=>
                    {fetch('/api/post/delete', {method:'DELETE', body : result[i]._id})}
                    }>❌</span> //이부분이 작동하지않음.
                   
                   <Link href={`/detail/${result[i]._id}`}><h4>{result[i].title}</h4></Link>
                   <p>{result[i].content}</p>
                   
                   </div>
                   
                   )
            }
        </div>
    )}
    

    <!--more-->

    #81228

    codingapple
    키 마스터
    크롬 콘솔창에 뭐 뜨나 확인합시다 delete말고 post요청으로 바꿔서 테스트해봅시다
    #81820

    조승래
    참가자
    /api/post/delete.js 파일 가서 보시면
    아마 
    if(요청.method=='DELETE')에서 
    method를 methods 로 적어놨을 수도 있어요. s 빼고 해보세여
    
    
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠