第4章创建布局和页面

4.1 page.tsx

只有page.tsx的页面才能访问

4.2 layout.tsx

/app/dashboard/layout.tsx
组件接收children属性。此子项可以是页面或其他布局。在您的情况下，/dashboard中的页面将自动嵌套在中，如下所示：

好处:在导航时，只有页面组件更新，而布局不会重新呈现。这称为部分渲染.

/app/layout.tsx 这是root layout,必须的

tsx

import '@/app/ui/global.css';
import { inter } from '@/app/ui/fonts';
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={`${inter.className} antialiased`}>{children}</body>
    </html>
  );
}