我正在将我的Next 12应用程序迁移到Next 13及其新的/app目录。我有一个<LoginPage>组件（rendered@/login），显然，它需要使用钩子来管理表单数据。因此，我用'use client'指令标记了它。然而，这意味着新的元数据API不能用于设置<title>，理想情况下，我希望像Login | ${process.env.NEXT_PUBLIC_APP_NAME}一样简单。任何帮助是赞赏！
/app
<LoginPage>
/login
'use client'
<title>
Login | ${process.env.NEXT_PUBLIC_APP_NAME}
balp4ylt1#
您可以使用login目录中的布局。
login
内部布局：
import React from "react"; // this is server component. you could use `metadata` as well const layout = ({ children }: { children: React.ReactNode }) => { return ( <div> <title>Login to my app</title> {children} </div> ); }; export default layout;
1条答案
按热度按时间balp4ylt1#
您可以使用
login目录中的布局。内部布局：