Làm việc với textarea trong React

Bây giờ hãy cùng học cách làm việc với trường nhập liệu nhiều dòng textarea. Trong React, để tiện lợi, cách làm việc với nó được thiết kế giống với cách làm việc với input văn bản. Không giống với JS thuần túy, trong React, textarea không cần thẻ đóng, và văn bản của nó nên được đặt trong thuộc tính value.

Xem ví dụ:

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

Dưới dạng rút gọn:

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