Komponentët e Klientit në Kornizën NextJS
Tani le ta rikthejmë komponentin tonë të serverit
në një klient. Për këtë
shkruani në fillim të skedarit të komponentit
udhëzuesen 'use client':
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Tani do të na bëhen të disponueshme gjendjet,
të krijuara përmes useState.
Le të krijojmë një gjendje për shembull
dhe të shfaqim përmbajtjen e saj në shënjestër:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Krijoni një komponent klient me dy inpute dhe një buton. Le të futhen numra në inpute. Me klikim në buton shfaqni në një paragraf shumën e numrave të futur.
Hiqni udhëzuesen 'use client'.
Sigurohuni që në këtë rast NextJS
do të shfaqë një gabim për shkak se
nuk mund të përdoren gjendjet
brenda komponentëve të serverit.
