React'ta textarea ile Çalışma

Şimdi çok satırlı giriş alanı textarea ile nasıl çalışılacağını öğrenelim. React'ta onunla çalışma, kolaylık sağlamak için, metin girişiyle çalışmaya benzer şekilde yapılmıştır. Saf JS'nin aksine, React'ta textarea için kapanış etiketi gerekmez ve metni value özniteliğinde belirtilmelidir.

Örneğe bakın:

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

Kısaltılmış formda:

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

textarea içine metin girilsin. Girilen metnin translit halinin paragrafa yazdırılmasını sağlayın.

Задание 2

textarea içine her satıra bir sayı girilsin. Girilen sayıların toplamının giriş yapılırken paragrafa yazdırılmasını sağlayın.