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

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

jsxfunction 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 တစ်ခုနှင့် အစားထိုး၍ ဖယ်ရှားနိုင်ပါသည်။

jsxfunction App() {
  const [count, setCount] = useState(0);
  
  return <div>
    <span>{count}</span>
    <button onClick={() => setCount(count + 1)}>+</button>
  </div>;
}
Задание 1

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