Klienta komponenti NextJS ietvarā
Tagad pārveidosim mūsu servera komponentu
uz klienta komponentu. Lai to izdarītu,
komponenta faila sākumā pierakstīsim
direktīvu 'use client':
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Tagad mums kļūs pieejami stāvokļi,
kas izveidoti ar useState.
Piemēram, izveidosim stāvokli
un attēlosim tā saturu maketā:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Izveidojiet klienta komponentu ar diviem ievades laukiem un pogu. Ievades laukos jāievada skaitļi. Nospiežot pogu, izvadiet rindkopā ievadīto skaitļu summu.
Noņemiet direktīvu 'use client'.
Pārliecinieties, ka šajā gadījumā NextJS
izvadīs kļūdu, jo stāvokļus nevar izmantot
servera komponentos.
