상태 값과 일치하도록 Next.js 애플리케이션 디렉터리의 동적 메타데이터 구성

Question

Next.js 13的app 디렉토리에서 공식 문서에서 메타데이터 사용을 선호하여 기존 헤드 방식을 포기한 것을 보았습니다. 메타데이터는 페이지나 레이아웃에서만 사용할 수 있습니다.

상태값에 따라 제목을 변경하고 싶은데 어떻게 해야 하나요? 메타데이터의 개체가 구성 요소 외부에 있으므로 참조할 수 없습니다.

으아악

Answer 1

"state"가 "useState"와 유사한 것을 의미한다면 이는 불가능합니다. metadata仅适用于服务器组件，而useState는 클라이언트 구성 요소에서만 사용할 수 있기 때문입니다. 문서 에 따르면 :

일반 페이지의 경우 일반적으로 반환하려는 메타데이터가 무엇인지 알고 있으므로 metadata元数据对象应该足够了。如果页面是动态的，则有 generateMetadata 개체로 충분합니다. 페이지가 동적이면 < code>generateMetadata가 있습니다. ：

다음은 제목을 동적으로 설정하는 예입니다.

으아악