Arbeta med textarea i React

Låt oss nu lära oss att arbeta med ett flerradigt inmatningsfält textarea. I React har arbetet med det, för enkelhetens skull, gjorts lika med arbetet med ett textinmatningsfält. Till skillnad från ren JS, behöver man i React i textarea ingen slut-tagg, och dess text bör placeras i attributet value.

Se exemplet:

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

I kortform:

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

Låt text matas in i textarea. Gör så att ett stycke visar translitereringen av den inmatade texten.

Låt siffror matas in på varje rad i textarea. Gör så att allt eftersom inmatning sker, visas summan av de inmatade talen i ett stycke.