Penggunaan textarea dalam React

Sekarang mari kita belajar menggunakan medan input berbilang baris textarea. Dalam React, cara penggunaannya, untuk kemudahan, dibuat serupa dengan medan input teks. Berbeza dengan JS tulen, dalam React, textarea tidak memerlukan tag penutup, dan teksnya hendaklah diletakkan 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 ringkas:

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