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':
'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:
'use client';
import { useState } from 'react';
export default function Test() {
let [name, setName] = useState('user');
return <h1>hello, {name}!</h1>;
}
Tengeneza kijenzi cha mteja na viingilio viwili na kitufe. Acha nambari ziingizwe kwenye viingilio. Kwa kubonyeza kitufe onyesha kwenye aya jumla ya nambari zilizoingizwa.
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.
