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