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

home2 게시판 Next.js 게시판 part2 게시판 프로젝트 - 삭제기능 만들기 삭제가 안됩니다

part2 게시판 프로젝트 - 삭제기능 만들기 삭제가 안됩니다

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

    chaey
    참가자
    다른분들 답변보고 method 도 POST로 바꾸고 이래저래 바꿔봤는데 삭제 버튼이 전혀 활성화가 안됩니다.
    뭐가 문제일까요,, 코드 첨부합니다
    ListItem.js
    
    'use client'
    import Link from "next/link"
    import { useEffect } from "react"
    export default function ListItem({list}){
        return(
          <div>
            {
            list.map((a,i)=>
                <div className="list-item" key={i}>
                      <Link href={'/detail/' + list[i]._id}>
                      <h4>{list[i].title}</h4>
                      </Link>
                      <Link href={'/edit/' + list[i]._id}>✏️</Link>
                      <span onClick={()=>{
                        fetch('/api/post/delete', { method : 'POST'})
                      }}>🗑️</span>
                      {/* <detailLink/> */}
                    <p>1월 1일</p>
                    {/* <p>{list[i].content}</p> */}
                </div>
              )
            }
          </div>
        )
      }
    delete.js
    
    import { connectDB } from "@/util/database";
    export default async function handler(req,res) {
      if (req.method == 'POST'){
        try{
        const db = (await connectDB).db('forum')
        let list = await db.collection('post').deleteOne({_id : new ObjectId(req.body)});  
        }
        catch(error){
          res.status(500);S
        }
      }
    }
    
      
    
    #84445

    chaey
    참가자
    fetch 부분에 빠진 코드가 있어 추가합니다.. 
    fetch('/api/post/delete', { method : 'POST', body : list[i]._id})
     
    #84478

    codingapple
    키 마스터
    req.body가 잘 나오는지 서버에서 출력해보고 같은 id 가진 document가 DB에 있는지도 확인합시다
    #84538

    chaey
    참가자
    API resolved without sending a response for /api/post/delete, this may result in stalled requests.
    이런에러가 뜹니다..
    #84563

    codingapple
    키 마스터
    deleteOne 다음에 res.어쩌구로 응답도 해줍시다
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 호 / 개인정보관리자 : 박종흠