Szerver komponensek a NextJS keretrendszerben
Nézzük meg a komponenst, amit az előző leckében hoztunk létre:
export default function Test() {
return <h1>hello, user!</h1>;
}
Ahogy azt már korábban említettük, alapértelmezetten a NextJS-ben minden komponens szerver oldali. Ezalatt a JSX nyelv minden lehetősége elérhető számunkra, kivéve az állapotok kezelését és más hasonló hook-okat.
Példaként hozzunk létre egy változót és jelenítsük meg a felületén:
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Adott egy termék tömb:
let prods = [
'prod1',
'prod2',
'prod3',
];
Egy ciklus segítségével jelenítsd meg ezeket a termékeket egy ul listában a szerver komponensed belül.