NextJS 13 从布局访问子属性

问题描述 投票：0回答：1

我将博客切换到 NextJS 13，使用新的文件夹结构，因此从 _app.js 和 _document.js 移至单个布局.js，并希望从父根布局访问子级的数据

export default function RootLayout({ children }) {  
    const { title, description } = children.props
    console.log(children.props)
    return <>
        <html lang="en">
            <head>
                <title>{title}</title>
            </head>
            <body>
                {children}
            </body>
        </html>
    </>
}

但是，在控制台中我看到：“未定义”。

有没有一种方法可以访问孩子的数据，而无需在 NextJS 13 的布局和页面中获取它。

next.js
1个回答
0
投票

首先，如果您想使用子页面中的元数据，请不要这样做，也不必担心向 api 发送多个请求以获取相同的数据，例如：- getAboutUsPageData(),如果您使用此功能获取多个组件和页面上的数据，nextjs 会看到所有请求都是相同的，并且不会向 api 发出多个请求，只需发送一个请求，即可将数据获取到所有组件中。

假设您有页眉、页面元数据和页面。我们需要 3 个地方的标题，我们从所有这些地方发送请求，nextjs 会将其变成单一的并将数据提供给多个组件。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.