React හි textarea සමඟ වැඩ කිරීම

දැන් අපි බහු-පේලි ආදාන ක්ෂේත්‍රයක් සමඟ වැඩ කිරීම ඉගෙන ගනිමු textarea. React හි, පහසුව සඳහා, එය සමඟ වැඩ කිරීම සකසා ඇත පෙළ ආදානයක් සමඟ වැඩ කිරීමට සමාන වේ. වෙනස සිවුවන JS වලින්, React හි textarea වසා දැමීමේ ටැගයක් අවශ්‍ය නොවේ, සහ එහි පෙළ තබා ගත යුතුය ගුණාංගයේ value.

උදාහරණය බලන්න:

function App() {
	const [value, setValue] = useState('');
	
	function handleChange(event) {
		setValue(event.target.value);
	}
	
	return <div>
		<textarea value={value} onChange={handleChange} />
		<p>{value}</p>
	</div>;
}

කෙටි ආකෘතියෙන්:

function App() {
	const [value, setValue] = useState('');
	
	return <div>
		<textarea value={value} onChange={event => setValue(event.target.value)} />
		<p>{value}</p>
	</div>;
}

textarea හි පෙළ ඇතුළත් කරමු. සාදන්න යන්ත්‍ර ලිපියක් ඇතුළත් කරන ලද පෙළ පිටපත් වන පරිදි.

textarea හි සෑම පේළියකම ඇත අංක ඇතුළත් කර ඇත. ඇතුලත් කිරීමේදී එය කරන්න ඇතුළත් කරන ලද අංකවල එකතුව පිටපත් වේ.