Kliëntkomponente in die NextJS Raamwerk
Laat ons nou ons bedienerkomponent omskep na 'n kliëntkomponent. Om dit te doen, skryf ons die richting 'use client' aan die begin van die komponentlêer:
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Nou sal state, geskep met useState, vir ons beskikbaar wees. Laat ons as voorbeeld 'n state skep en die inhoud daarvan in die opmaak wys:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Maak 'n kliëntkomponent met twee insetvelde en 'n knoppie. Laat getalle in die insetvelde ingevoer word. Met 'n druk op die knoppie, vertoon die som van die ingevoerde getalle in 'n paragraaf.
Verwyder die richting 'use client'. Maak seker dat NextJS in hierdie geval 'n fout sal gee as gevolg van die feit dat state nie binne bedienerkomponente gebruik kan word nie.
