Εργασία με το textarea στο React

Ας μάθουμε τώρα πώς να δουλεύουμε με ένα πεδίο εισόδου πολλών γραμμών textarea. Στο React, η εργασία με αυτό, για ευκολία, έχει γίνει παρόμοια με την εργασία με ένα κειμενικό input. Σε αντίθεση με το καθαρό JS, στο React στο textarea δεν χρειάζεται το tag κλεισίματος, και το κείμενό του πρέπει να τοποθετείται στο χαρακτηριστικό value.

Δείτε το παράδειγμα:

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

Σε συνοπτική μορφή:

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