Darbas su textarea React

Dabar išmokime dirbti su daugiaeiliu įvesties lauku textarea. React dirbant su juo, patogumui, padaryta panašiai kaip dirbant su tekstiniu input. Skirtingai nuo gryno JS, React textarea nereikia uždarančios žymės, o jo tekstas turi būti įrašytas į value atributą.

Žiūrėkite pavyzdį:

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

Sutrumpinta forma:

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