Klientkomponenter i NextJS-rammeverket

La oss nå omarbeide vår serverkomponent til en klientkomponent. For å gjøre dette skriver vi direktiven 'use client' i starten av komponentfilen:

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

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

Nå vil vi ha tilgang til tilstander, opprettet via useState. La oss for eksempel opprette en tilstand og vise dens innhold i oppsettet:

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>;
}