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

[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
    }
  }
}

  

[chaey]

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

[codingapple]

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

[chaey]

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

[codingapple]

deleteOne 다음에 res.어쩌구로 응답도 해줍시다

[글쓴이]

글