REACT — State

مقدمة

الحالة (State) تخزن بيانات الواجهة التي تتغير مع الوقت.

ماذا ستتعلم؟

• useState
• تحديث الحالة
• إعادة الرسم

الصياغة

const [count,setCount] = useState(0);

مثال

import { useState } from "react";

export default function Counter(){
  const [count, setCount] = useState(0);
  return (
    <button onClick={()=>setCount(count+1)}>
      النقرات: {count}
    </button>
  );
}

ملاحظات

• لا تعدّل state مباشرة.
• تحديث state يعيد رسم المكوّن.