Composants serveur dans le framework NextJS
Examinons le composant créé par nous dans la leçon précédente :
export default function Test() {
return <h1>hello, user!</h1>;
}
Comme mentionné précédemment, par défaut dans NextJS, tous les composants sont serveur. En même temps, nous avons accès à toutes les fonctionnalités du langage JSX, à l'exception du travail avec les états et d'autres hooks similaires.
Par exemple, créons une variable et affichons-la dans le rendu :
export default function Test() {
let name = 'user';
return <h1>hello, {name}!</h1>;
}
Un tableau de produits est donné :
let prods = [
'prod1',
'prod2',
'prod3',
];
À l'aide d'une boucle, affichez ces produits
sous forme de liste ul à l'intérieur de votre
composant serveur.