Darbība ar textarea React

Tagad iemācīsimies strādāt ar daudzrindu ievades lauku textarea. React darbs ar to ir veidots ērtībai līdzīgs darbam ar teksta ievades lauku. Atšķirībā no tīra JS, React textarea nav nepieciešams aizverošs tags, un tā teksts jā ievieto atribūtā value.

Skatiet piemēru:

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

Saīsinātā formā:

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