Kliendikomponendid NextJS raamistikus
Proovime nüüd meie serverikomponendi
ümber teha kliendikomponendiks. Selleks
kirjutame komponendi faili algusesse
direktiivi 'use client':
'use client';
export default function Test() {
return <h1>Tere, kasutaja!</h1>;
}
Nüüd saame kasutada olekuid,
mida luakse useState abil.
Loome näitena oleku
ja kuvame selle sisu veebilehe kujunduses:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('kasutaja');
return <h1>Tere, {name}!</h1>;
}
Looge kliendikomponent kahe sisendväljaga ja nupuga. Laske sisendväljadele sisestada numbreid. Nupu vajutamisel kuvage lõiguks sisestatud arvude summa.
Eemaldage direktiiv 'use client'.
Veenduge, et sel juhul annab NextJS
vea, kuna olekuid ei saa kasutada
serverikomponentides.
