Rad sa textarea u React-u

Hajde sada da naučimo kako da radimo sa poljem za višeredni unos textarea. U React-u je rad sa njim, radi praktičnosti, učinjen sličnim radu sa tekstualnim input-om. Za razliku od čistog JS-a, u React-u za textarea nije potreban zatvarajući tag, a njegov tekst treba da se postavi u atributu value.

Pogledajte primer:

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

U skraćenoj formi:

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

Neka se u textarea unosi tekst. Uredite tako da se u pasusu ispisuje translit unetog teksta.

Neka se u textarea u svakom redu unose brojevi. Uredite tako da se tokom unosa u pasusu ispisuje zbir unetih brojeva.