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