Arbeid med textarea i React

La oss nå lære å jobbe med et flerlinsjet inndatafelt textarea. I React er arbeidet med det, for enkelthets skyld, gjort lignende på arbeidet med et tekstinndatafelt. I motsetning til ren JS, i React i textarea trengs ikke en avsluttende tag, og teksten bør plasseres i attributten value.

Se eksempel:

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 forkortet form:

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

La det i textarea skrives inn tekst. Gjør så at det i avsnittet vises en translitterering av den innskrevne teksten.

La det i textarea på hver linje skrives inn tall. Gjør så at etter hvert som teksten skrives inn, vises summen av de innskrevne tallene i avsnittet.