삭제 기능 만들기 작업시 오류

[김소연]

ListItem 컴포넌트 연결 자체에 정크 Runtime Error 계속 뜨는데 ...
어떻게 하면 좋을까요?
구글링해서
1. 강제 새로 고침
2. .next 폴더 지우고 재실행해보기
3. next 최신 버전 설치 (삭제는 하지 않고 설치만)
등 이것저것 해보았는데도 해결이 되지 않습니다 ㅠ.ㅠ

[codingapple]

list/page.js 아니면 거기서 쓰는 컴포넌트에 이상한 코드가 있어서 그럴수도요

[김소연]

[삭제 기능 만들기] 이후 강의에서 build가 안되서 해결하고 지나가야 할 것 같은데
강의에서 작성된 코드랑 비교하고 구글링해보면서 이것저것 넣어보고 수정해보았는데도
해결이 안되서 코드 남깁니다 ..  간단한 건데 제가 못 찾고 있나 싶기도 하네요 ㅠㅠ.. 확인 부탁드립니다 ... 

[김소연]

// list / page.js
import { connectDB } from '@/util/database';
import ListItem from './ListItem';
export default async function List() {
    const db = (await connectDB).db('forum');
    let result = await db.collection('post').find().toArray();
    return (
        <div className="list-bg">
            <ListItem result={result}/>
        </div>
    )
}

• 이 답변은 김소연에 의해 5 월 전에 수정됐습니다.

[김소연]

// list > ListItem.js
'use client'
import Link from 'next/link';
export default async function ListItem({result}) {
    return (
        <div>
            {
                result.map((a, i) =>
                    <div className="list-item" key={i}>
                        <Link href={"/detail/" + a._id}>
                            <h4>{a.title}</h4>
                        </Link>
                        <Link href={"/edit/"+ a._id}>✏</Link>

[김소연]

fetch('/api/post/delete', {method : 'DELETE', body : a._id})
.then((r) => r.json())
.then(() => { 
e.target.parentElement.style.opacity = 0
setTimeout(() => {
e.target.parentElement.style.display = "none"
}, 1000)
})

[김소연]

이건 span onClick 이벤트입니다
계속 올릴 수 없다고 떠서 쪼개서 올렸어요

[codingapple]

빌드말고 npm run dev할 때의 에러메세지는 안뜹니까 
다음 강의에서 ObjectId() 되어있는 부분을 문자로 바꿔서 props전송하고 그런게 있을텐데 해봅시다

[김소연]

네 .. npm run dev 할 때는 안뜨고 /list로 오면 그렇습니다 ..

[codingapple]

다음 강의에서 ObjectId() 되어있는 부분을 문자로 바꿔서 props전송하라는것도 해봅시다

[글쓴이]

글