NextJS රාමුවේ දායක සංරචක

දැන් අපගේ සේවාදායක සංරචකය දායක එකක් බවට පරිවර්තනය කරමු. මේ සඳහා, සංරචක ගොනුවේ ආරම්භයේදීම 'use client' නිදර්ශකය ලියන්න:

'use client';

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

දැන් අපට තත්වයන් ප්‍රවේශ විය හැකිය, useState භාවිතයෙන් සාදන ලද. උදාහරණයක් වශයෙන්, අපි තත්වයක් සාදා එහි අන්තර්ගතය වින්‍යාසයේ ප්‍රතිදානය කරමු:

'use client';

import { useState } from 'react';

export default function Test() {
	let [name, setName] = useState('user');
	return <h1>hello, {name}!</h1>;
}

දායක සංරචකයක් සාදන්න ආදාන ක්ෂේත්‍ර දෙකක් සහ බොත්තමක් සමග. ආදාන ක්ෂේත්‍රවලට අංක ඇතුළත් කිරීමට ඉඩ දෙන්න. බොත්තම ඔබාමේදී, ඇතුළත් කළ අංකවල එකතුව යන ඡේදයක් ලෙස ප්‍රතිදානය කරන්න.

'use client' නිදර්ශකය ඉවත් කරන්න. මෙම අවස්ථාවේදී NextJS දෝෂයක් වාර්තා කරන බවට වග බලා ගන්න, එහෙත් සේවාදායක සංරචක තුළ තත්වයන් භාවිතා කිරීමට නොහැකි නිසා.