Arbeta med textarea i React

Låt oss nu lära oss att arbeta med ett flerradigt inmatningsfält textarea. I React har arbetet med det, för enkelhetens skull, gjorts lika med arbetet med ett textinmatningsfält. Till skillnad från ren JS, behöver man i React i textarea ingen slut-tagg, och dess text bör placeras i attributet value.

Se exemplet:

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

I kortform:

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