Kufanya kazi na textarea katika React

Hebu sasa tujifunze kufanya kazi na uga wa kuingiza maandishi yenye mistari mingi textarea. Katika React, kufanya kazi nayo, kwa urahisi, imefanywa iwe sawa na kufanya kazi na kiingilio cha maandishi. Tofauti na JS safi, katika React katika textarea haitaji kitambulisho cha kufunga, na maandishi yake yanapaswa kuwekwa katika sifa value.

Angalia mfano:

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

Kwa fupi:

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