Delo z textarea v Reactu

Zdaj pa se naučimo delati z večvrstičnim vnosnim poljem textarea. V Reactu je delo z njim zaradi udobja narejeno podobno delu z besedilnim vnosom. Za razliko od čistega JS, v Reactu v textarea ni potreben zaključni tag, njegovo besedilo pa je treba namestiti v atribut value.

Oglejte si 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>;
}

V skrajšani obliki:

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

Naj se v textarea vnaša besedilo. Naredite tako, da se v odstavek izpiše translit vnešenega besedila.

Naj se v textarea v vsaki vrstici vnašajo številke. Naredite tako, da se med vnašanjem v odstavek izpiše vsota vnešenih števil.