Trabajo con textarea en React

Ahora aprendamos a trabajar con el campo de entrada multilínea textarea. En React, el trabajo con él, por conveniencia, se hace similar al trabajo con la entrada de texto. A diferencia del JS puro, en React en textarea no se necesita una etiqueta de cierre, y su texto debe colocarse en el atributo value.

Mira el ejemplo:

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

En forma abreviada:

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

Supongamos que se ingresa texto en textarea. Haz que en el párrafo se muestre el transliterado del texto ingresado.

Supongamos que en textarea en cada línea se ingresan números. Haz que a medida que se ingresa, en el párrafo se muestre la suma de los números ingresados.