Odjemalski komponenti v ogrodju NextJS
Zdaj pa preoblikujmo naš strežniški
komponent v odjemalski. Za to
zapišimo na začetku datoteke komponenta
direktivo 'use client':
'use client';
export default function Test() {
return <h1>hello, user!</h1>;
}
Zdaj bodo dostopna stanja (state),
ustvarjena z useState.
Za primer ustvarimo stanje
in izpišimo njegovo vsebino v predlogi:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Naredite odjemalski komponent z dvema vnosnima poljema in gumbom. Naj se v vnosna polja vnašata številki. Ob kliku na gumb izpišite v odstavek vsoto vnesenih števil.
Odstranite direktivo 'use client'.
Prepričajte se, da bo NextJS v tem primeru
izpisal napako zaradi tega,
ker ni mogoče uporabljati stanj
znotraj strežniških komponentov.
