Werk met textarea in React

Laat ons nou leer hoe om met 'n multiline insetteveld textarea te werk. In React is die werking daarvan vir gemak gemaak soortgelyk aan die werk met 'n teksinvoer. Anders as in suiver JS, benodig React in textarea nie 'n sluitingsetikett nie, en moet die teks daarvan in die kenmerk value geplaas word.

Kyk na die voorbeeld:

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

In verkorte vorm:

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