Vijenzi vya Mteja katika Mfumo wa NextJS

Hebu sasa tubadilishe kijenzi chetu cha seva kuwa cha mteja. Ili kufanya hivyo andika mwanzoni mwa faili ya kijenzi directive 'use client':

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

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

Sasa zitapatikana kwetu hali (state), zinazoundwa kupitia useState. Hebu kwa mfano tuunde hali na tuonyeshe yaliyomo ndani yake kwenye muundo:

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

Tengeneza kijenzi cha mteja na viingilio viwili na kitufe. Acha nambari ziingizwe kwenye viingilio. Kwa kubonyeza kitufe onyesha kwenye aya jumla ya nambari zilizoingizwa.

Задание 2

Ondoa directive 'use client'. Hakikisha kwamba katika kesi hii NextJS itatoa hitilafu kuhusu sababu ya kwamba, haiwezekani kutumia hali (state) ndani ya vijenzi vya seva.