React ၏ state များအသုံးပြု၍ ကောင်တာ

ခလုတ်တစ်ခုကို နှိပ်သည့် အကြိမ်ရေကို ရေတွက်သည့် ကောင်တာတစ်ခု ပြုလုပ်ကြည့်ရအောင်။

function App() {
	const [count, setCount] = useState(0);
	
	function clickHandler() {
		setCount(count + 1);
	}
	
	return <div>
		<span>{count}</span>
		<button onClick={clickHandler}>+</button>
	</div>;
}

Handler function ကို အမည်မဲ့ arrow function တစ်ခုနှင့် အစားထိုး၍ ဖယ်ရှားနိုင်ပါသည်။

function App() {
	const [count, setCount] = useState(0);
	
	return <div>
		<span>{count}</span>
		<button onClick={() => setCount(count + 1)}>+</button>
	</div>;
}

State တွင် ဂဏန်းတစ်ခု သိမ်းဆည်းထားသည်ဆိုပါစို့။ ထိုဂဏန်းကို စာပိုဒ်တစ်ခုအတွင်း ပြသပါ။ ခလုတ်နှစ်ခု ပြုလုပ်ပါ။ ပထမခလုတ်သည် အသက်ကို တစ်ခုတိုးစေပြီး ဒုတိယခလုတ်က ၎င်းကို တစ်ခုလျှော့ချစေပါစေ။