4강 중 props 질문

[유아린]

import { connectDB } from '@/util/database';
import { ObjectId } from 'mongodb';

export default async function Detail(props) {

  const db = (await connectDB).db("forum")
  {/* 하나만 가져오기 : findOne */}
  let res = await db.collection('post').findOne({ _id: new ObjectId("671f5c472a9f6567b42344c5")});
  console.log(props);

  return(
    <div>
      <h4>상세페이지</h4>
      <h4>{res.title}</h4>
      <p>{res.content}</p>
    </div>
  )
}

저는 props 출력해보면 이렇게 나와요
 

일단 꾸역꾸역 props.params.index 를 출력해보면 에러발생
await이 있는데 뭔지 이해가 잘 안갑니다

• 이 게시글은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.
• 이 게시글은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.

[codingapple]

15버전부터 await 여기저기 붙여야되는데 let a = await props.params 해서 써봅시다

[유아린]

그렇게하면 a는 잘 찍히고 에러도 안뜨긴하는데
강사님처럼 id값을 b로 찍어보면 또 같은 에러가 나요

(중요질문) 
그리고 props를 찍어봤을 때 이렇게 찍히는데 이건 왜 강사님 출력결과랑 다른지 모르겠습니다..

{ params : { 'id' : '0' }, searchParams: {}  } 이렇게 찍혀야 정상아닌가유?

• 이 답변은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.
• 이 답변은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.
• 이 답변은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.
• 이 답변은 유아린에 의해 8 월, 1 주 전에 수정됐습니다.

[codingapple]

await props.params 먼저 해야 그 안에 들어있는거 꺼내쓸 수 있습니다

[유아린]

와.. 몇일 구르다가 이제 어떤말인지 이해했습니다!
감사합니다 ~_~

[글쓴이]

글