Kufanya kazi na textarea katika React

Hebu sasa tujifunze kufanya kazi na uga wa kuingiza maandishi yenye mistari mingi textarea. Katika React, kufanya kazi nayo, kwa urahisi, imefanywa iwe sawa na kufanya kazi na kiingilio cha maandishi. Tofauti na JS safi, katika React katika textarea haitaji kitambulisho cha kufunga, na maandishi yake yanapaswa kuwekwa katika sifa value.

Angalia mfano:

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

Kwa fupi:

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

Acha maandishi yingizwe katika textarea. Fanya ili matoleo ya translit ya maandishi yaliyoingizwa yatoke kwenye aya.

Acha nambari zingizwe kwa kila mstari katika textarea. Fanya ili kadri nambari zinavyoingizwa jumla ya nambari zilizoingizwa itoke kwenye aya.