NextJS ֆրեյմվորքում սերվերային կոմպոնենտները

Դիտարկենք մեր կողմից նախորդ դասում ստեղծված կոմպոնենտը.

src/app/test/page.jsxexport default function Test() {
  return <h1>բարև, օգտատեր!</h1>;
}

Ինչպես արդեն նշվել էր, լռելյայն NextJS-ում բոլոր կոմպոնենտները սերվերային են: Այդ դեպքում մեզ հասանելի են JSX լեզվի բոլոր հնարավորությունները, բացառությամբ ստեյթների և այլ նմանատիպ հուկների աշխատանքի:

Օրինակի համար եկեք ստեղծենք փոփոխական և արտածենք այն վերստում.

src/app/test/page.jsxexport default function Test() {
  let name = 'օգտատեր';
  return <h1>բարև, {name}!</h1>;
}
Задание 1

Տրված է ապրանքների զանգված.

jsxlet prods = [
  'ապրանք1',
  'ապրանք2',
  'ապրանք3',
];

Օգտագործելով ցիկլ՝ արտածեք այս ապրանքները որպես ցուցակ ul ձեր սերվերային կոմպոնենտի ներսում: