Kliendikomponendid NextJS raamistikus

Proovime nüüd meie serverikomponendi ümber teha kliendikomponendiks. Selleks kirjutame komponendi faili algusesse direktiivi 'use client':

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

export default function Test() {
  return <h1>Tere, kasutaja!</h1>;
}

Nüüd saame kasutada olekuid, mida luakse useState abil. Loome näitena oleku ja kuvame selle sisu veebilehe kujunduses:

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

import { useState } from 'react';

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