React'те textarea менен иштөө

Келгиле, азыр көп саптуу киргизүү талаасы textarea менен кантип иштөөнү үйрөнөлү. React'те аны менен иштөө ыңгайлуулук үчүн тексттик input сыяктуу кылып жасалган. Таза 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>;
}