Reactda textarea bilan ishlash

Keling, endi ko‘p qatorli kiritish maydoni textarea bilan ishlashni o‘rganaylik. Reactda uning bilan ishlash, qulaylik uchun, matnli input bilan ishlashga o‘xshash qilingan. Sof JSdan farqli o‘laroq, Reactda textarea uchun yopuvchi teg kerak emas, va uning matnini value atributida joylashtirish kerak.

Namunani ko‘ring:

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

Qisqartirilgan shaklda:

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