Lucrul cu textarea în React

Să învățăm acum să lucrăm cu câmpul de introducere multilinie textarea. În React, lucrul cu acesta a fost făcut, pentru comoditate, asemănător cu lucrul cu inputul text. Spre deosebire de JS simplu, în React în textarea nu este nevoie de tag de închidere, iar textul acestuia ar trebui plasat în atributul value.

Urmăriți exemplul:

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

În formă prescurtată:

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

Fie în textarea să fie introdus text. Faceți astfel încât în paragraf să fie afișat transliterarea textului introdus.

Fie în textarea pe fiecare linie să fie introduse numere. Faceți astfel încât pe măsură ce introduceți, în paragraf să fie afișată suma numerelor introduse.