React හි පෙරනිමි අගයන්

සමහර විට ආදාන ක්ෂේත්‍රයක පෙරනිමියෙන්ම යම් අගයක් පවතින පරිදි කිරීමට අවශ්‍ය විය හැක. මෙම අවස්ථාවේ දී, ආරම්භක අගය සඳහා පමණක් state එකෙන් අගය ගත යුතු අතර, ආදාන ක්ෂේත්‍රය එම state එකට බැඳී නොසිටිය යුතුය.

මෙවැනි කාර්යයක් විසඳීම සඳහා, ඔබට defaultValue ගුණාංගය භාවිතා කළ යුතුය:

function App() {
	const [value, setValue] = useState('text');
	
	return <div>
		<input defaultValue={value} />
	</div>;
}

තහඩු කොටු සඳහා සමාන ගුණාංගයක් වන defaultChecked පවතින අතර, එමගින් ආරම්භක තත්වය සකස් කළ හැකිය:

function App() {
	const [checked, setChecked] = useState(true);
	
	return <div>
		<input type="checkbox" defaultChecked={checked} />
	</div>;
}

මෙම ගුණාංගවල ක්‍රියාකාරිත්වය ඔබම පරීක්ෂා කර බලන්න.