다른분들 답변보고 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
}
}
}