การใช้งานสไตล์อินไลน์ใน NextJS

ใน NextJS สามารถกำหนดสไตล์ผ่าน แอตทริบิวต์ style ได้ สไตล์แบบนี้ เรียกว่า อินไลน์ การทำงานกับสไตล์เหล่านี้ ทำได้เช่นเดียวกับ การทำงานกับสไตล์อินไลน์ใน React.

ตัวอย่าง ลองกำหนดสีแดงให้กับย่อหน้า:

app/test/page.jsxexport default function Test() {
  return <p style=>
    text text text
  </p>;
}