NextJS ফ্রেমওয়ার্কে ক্লায়েন্ট কম্পোনেন্ট

এখন আমাদের সার্ভার কম্পোনেন্টটিকে ক্লায়েন্ট কম্পোনেন্টে রূপান্তর করা যাক। এর জন্য কম্পোনেন্ট ফাইলের শুরুতে ডাইরেক্টিভ 'use client' লিখুন:

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

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

এখন আমাদের কাছে স্টেটগুলি অ্যাক্সেসযোগ্য হবে, যেগুলো useState এর মাধ্যমে তৈরি। উদাহরণস্বরূপ একটি স্টেট তৈরি করা যাক এবং এর বিষয়বস্তু লেআউটে আউটপুট করা যাক:

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