Klijentske komponente u NextJS frejmvorku
Sada da preuredimo našu serversku
komponentu u klijentsku. Za ovo
napišimo na početku fajla komponente
direktivu 'use client':
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Sada će nam biti dostupna stanja (state),
kreirana preko useState.
Hajde da za primer kreiramo stanje
i prikažemo njegov sadržaj u označavanju (markup):
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Napravite klijentsku komponentu sa dva polja za unos (input) i dugmetom. Neka se u polja unose brojevi. Pritiskom na dugme prikažite u pasusu zbir unetih brojeva.
Uklonite direktivu 'use client'.
Uverite se da će u ovom slučaju NextJS
prikazati grešku zbog toga što
se ne mogu koristiti stanja
unutar serverskih komponenti.
