React တွင် textarea နှင့် အလုပ်လုပ်ခြင်း

ယခု အများကြောင်းစာသားထည့်သွင်းရန် ကွက်လပ် textarea နှင့် အလုပ်လုပ်နည်းကို သင်ယူကြပါစို့။ React တွင် ၎င်းနှင့် အလုပ်လုပ်ခြင်းကို အဆင်ပြေစေရန် တစ်ကြောင်းတည်းစာသားထည့်သွင်းရန် ကွက်လပ် (input) နှင့် အလုပ်လုပ်ခြင်းနှင့် ဆင်တူအောင်ပြုလုပ်ထားသည်။ စင်ကြယ်သော JavaScript နှင့် မတူဘဲ၊ React တွင် textarea အတွက် ပိတ်သောအမှတ်အသား (closing tag) မလိုအပ်ပါ၊ ၎င်း၏စာသားကို value ဂုဏ်အင်္ဂါ (attribute) တွင် ထည့်သွင်းသင့်သည်။

ဥပမာကို ကြည့်ပါ:

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