Reactда textarea билан ишлаш

Келинг энди кўп сатрли кирит майдони textarea билан ишлашни ўрганамиз. Reactда унга ишлов бериш, қулайлиги учун, матнли киритувга ўхшаш қилиб яратилган. Соф JSдан фарқли ўларок, Reactда textarea учун ёпилув теги зарур эмас, ва унинг матни 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>;
}