NextJS රාමුවේ සේවාදායක සංරචක

අපි පෙර පාඩමේදී නිර්මාණය කළ සංරචකය සලකා බලමු:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

කලින් සඳහන් කළ පරිදි, පෙරනිමියෙන් NextJS හි සියලුම සංරචක සේවාදායක වේ. මෙම අවස්ථාවේදී, අපට JSX භාෂාවේ සියලු හැකියාවන් ලබා ගත හැක, state සමඟ වැඩ කිරීම සහ අනෙකුත් සමාන hooks හැර.

උදාහරණයක් ලෙස, අපි variable එකක් සාදා එය markup එකේ ප්‍රදර්ශනය කරමු:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];