gpt4 book ai didi

javascript - 如何使用 Next.js 在每一侧添加组件?

转载 作者:行者123 更新时间:2023-12-05 06:20:18 26 4
gpt4 key购买 nike

我想要组件 Header在每一侧和 React 中,您可以通过在 <Switch> 之前传递 Component 来简单地实现此目的来自 react-router-dom以及如何使用 Next.js 做到这一点?

我试图按照本教程进行操作,但没有结果:https://adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/

我还尝试从 Next.js 文档中实现那些先进的东西 https://nextjs.org/docs/advanced-features/custom-app

pages/index.js

const Home = ({ products }) => {
useEffect(() => {
console.log(products);
}, []);
return (
<div className="container">
<Head>
<title>Create Next App</title>
<link rel="icon" href="/favicon.ico" />
</Head>

<Advantages></Advantages>
<Recommend products={products}></Recommend>
</div>
);
};

我想添加一个 Header 组件,它应该在我的应用程序的每一侧都可见。我可以用 Next.js 做到这一点吗??

最佳答案

我问你想要整个页面的布局吗?如果是这样,with-app-layout这是您可以引用的官方示例。

关于javascript - 如何使用 Next.js 在每一侧添加组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60578846/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com