next js layout รับ parameter children กับ props

ตัวอย่างโค้ด

<Layout>
  <p>Hello, World!</p>
</Layout>

ตัวอย่างโค้ดที่ใส่ props

<Layout title="My Page">
  <p>Hello, World!</p>
</Layout>

ตัวอย่างโค้ดในฟังก์ชัน Layout

function Layout({children, props}) {
  return (
    <div>
      <header>{props.title}</header>
      {children}
    </div>
  );
}


Copyright © 2023 Devcode Code Example - Powered by www.doesystem.com