Bekerja dengan textarea di React

Sekarang mari kita belajar bekerja dengan bidang input multi-baris textarea. Di React, cara kerjanya dibuat mirip dengan input teks untuk kemudahan. Berbeda dengan JS murni, di React textarea tidak memerlukan tag penutup, dan teksnya harus ditempatkan dalam atribut value.

Lihat contoh:

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

Dalam bentuk singkat:

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