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

අපි පෙර පාඩමේදී නිර්මාණය කළ සංරචකය සලකා බලමු:

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

කලින් සඳහන් කළ පරිදි, පෙරනිමියෙන් NextJS හි සියලුම සංරචක සේවාදායක වේ. මෙම අවස්ථාවේදී, අපට JSX භාෂාවේ සියලු හැකියාවන් ලබා ගත හැක, state සමඟ වැඩ කිරීම සහ අනෙකුත් සමාන hooks හැර.

උදාහරණයක් ලෙස, අපි variable එකක් සාදා එය markup එකේ ප්‍රදර්ශනය කරමු:

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

නිෂ්පාදන අරාවක් ලබා දී ඇත:

let prods = [
	'prod1',
	'prod2',
	'prod3',
];

loop එකක් භාවිතා කරමින් මෙම නිෂ්පාදන ඔබගේ සේවාදායක සංරචකය තුළ ul ලැයිස්තුවක් ආකාරයෙන් ප්‍රදර්ශනය කරන්න.