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>;
}