在 nextjs 中，如何将 postData 传递到我的布局中？

Question

如何给布局组件postData？在我的示例中，我希望我的布局 (ArticleStyle2) 获取 postData 并用数据填充自身。不确定这是否是最佳实践或其他什么，所以对建议持开放态度，对 nextJs 很陌生并做出反应。

[id].js:

export default function Post({ postData }) {

  return (
    <div>

      { postData.themeOne ? (

        <ArticleStyle2 {...postData}>
........

articleStyle2:



export default function ArticleStyle2({ children, props }) {

    return (
 
<div>

<main>{children}</main>

</div>




    )
}

Answer 1

给定函数签名 ArticleStyle2({ children, props })，您可以像这样将 props 传递到您的布局组件中：

[id].js

<ArticleStyle2 props={postData}>...</ArticleStyle2>

然后您可以像这样在布局中使用它们：

ArticleStyle2.jsx

<p>{props.themeOne}</p>

In nextjs, How do I pass postData into my layout?