Kliens komponensek a NextJS keretrendszerben
Most alakítsuk át a szerver
komponensünket klienssé. Ehhez
írjuk a komponens fájljának elejére
a 'use client' direktívát:
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Most már hozzáférünk a státuszokhoz,
amelyek a useState segítségével jönnek létre.
Hozzunk létre egy státuszt példaként
és jelenítsük meg a tartalmát a HTML-ben:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Készítsen egy kliens komponenst két beviteli mezővel és egy gombbal. A beviteli mezőkbe számokat lehet beírni. A gomb megnyomásakor jelenjen meg a beírt számok összege egy bekezdésben.
Távolítsa el a 'use client' direktívát.
Győződjön meg arról, hogy ebben az esetben a NextJS
hibát jelez, mivel nem lehet státuszokat használni
a szerver komponensekben.
