Rad sa textarea u React-u

Hajde sada da naučimo kako da radimo sa poljem za višeredni unos textarea. U React-u je rad sa njim, radi praktičnosti, učinjen sličnim radu sa tekstualnim input-om. Za razliku od čistog JS-a, u React-u za textarea nije potreban zatvarajući tag, a njegov tekst treba da se postavi u atributu value.

Pogledajte primer:

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

U skraćenoj formi:

jsxfunction App() {
  const [value, setValue] = useState('');
  
  return <div>
    <textarea value={value} onChange={event => setValue(event.target.value)} />
    <p>{value}</p>
  </div>;
}
Задание 1

Neka se u textarea unosi tekst. Uredite tako da se u pasusu ispisuje translit unetog teksta.

Задание 2

Neka se u textarea u svakom redu unose brojevi. Uredite tako da se tokom unosa u pasusu ispisuje zbir unetih brojeva.