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

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

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

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

အတိုချုပ်ပုံစံဖြင့်:

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

textarea တွင် စာသားကိုရိုက်ထည့်ပါစေ။ ရိုက်ထည့်သော စာသား၏ လက်ရှိကားချပ်ပုံစံ (transliteration) ကို အတည်ပြုချက်စာပိုဒ် (paragraph) တွင် ထုတ်ပြရန် ပြုလုပ်ပါ။

textarea တွင် တစ်ကြောင်းချင်းစီ၂ကို နံပါတ်များ ရိုက်ထည့်ပါစေ။ ရိုက်ထည့်မှုအလိုက် ရိုက်ထည့်ထားသော နံပါတ်များ၏ ပေါင်းလဒ်ကို အတည်ပြုချက်စာပိုဒ် (paragraph) တွင် ထုတ်ပြရန် ပြုလုပ်ပါ။