안녕하세요 선생님
삭제기능 만들기강의에서 ListItem 파일 코드 완성하고 error가 발생했습니다.
error - ./app/list/ListItem.jsx
Module parse failed: Octal literal in strict mode (2:58)
| import { createProxy } from "next/dist/build/webpack/loaders/next-flight-loader/module-proxy"
요런 에러였는데,
구글링으로 검색했을때, export default를
맨밑에 export default ListItem
으로 써주니까, 에러가 사라졌습니다.
이게 버전문제일까요?
수정한 코드 복붙합니다.
'use client'
import Link from 'next/link'
function ListItem(props){
return (
<div>
{
props.result.map((data, index)=>
<div className="list-item" key={index}>
<Link href={'/detail/' + data._id}>
<h4>{data.title}</h4>
</Link>
<Link href={'/edit/' + data._id} className="list-btn">✏️</Link>
<p>1월 1일</p>
</div>
)
}
</div>
)
}
export default ListItem