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':

src/app/test/page.jsx'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:

src/app/test/page.jsx'use client';

import { useState } from 'react';

export default function Test() {
  let [name, setName] = useState('user');
  return <h1>hello, {name}!</h1>;
}

Задание 1

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.

Задание 2

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.