next.js 正文在接下来的13页中的布局页面中的标题之前呈现

gmxoilav  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(149)

只是runnig的东西与正常的流动,直到这发生,但如果我排除了身体的布局和其他网页停留在那里,那么事情的工作顺利,但当身体在那里,它正在显示在一个页面的顶部,甚至在头之前,这是所谓的身体之前
这是layout.tsx代码文件

import './globals.css'
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import Header from '@/components/layout/header'
import Footer from '@/components/layout/footer'
const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Panawerse Dao Next 13',
  description: 'Generated by Saleh',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <Header />
      <body className={inter.className}>{children}</body>
      <Footer/>
    </html>
  )
}

字符串
这是我在屏幕上尝试的,最重要的是身体组件,然后是页眉和页脚,我不知道问题是从哪里产生的

bbmckpt7

bbmckpt71#

更改RootLayout以返回如下内容:

<html lang="en">
  <body className={inter.className}>
    <Header />
    {children}
    <Footer/>
  </body>
</html>

字符串
请注意HeaderFooter如何包围children,但仍然是body标记的一部分。

相关问题