Werk met textarea in React

Laat ons nou leer hoe om met 'n multiline insetteveld textarea te werk. In React is die werking daarvan vir gemak gemaak soortgelyk aan die werk met 'n teksinvoer. Anders as in suiver JS, benodig React in textarea nie 'n sluitingsetikett nie, en moet die teks daarvan in die kenmerk value geplaas word.

Kyk na die voorbeeld:

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

In verkorte vorm:

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

Laat teks in die textarea ingevoer word. Maak dit so dat die transliterasie van die ingevoerde teks in die paragraaf uitvoer word.

Laat getalle op elke reël in die textarea ingevoer word. Maak dit so dat soos daar ingevoer word, die som van die ingevoerde getalle in die paragraaf uitvoer word.