إنشاء عداد بإستخدام useState

ال useState بتخزن حالة للمكون ودالة التحديث بتطلب عرض جديد بالقيمة الجديدة

المثال داخل مشروع React يدعم JSX و Hooks

تطبيق الفكرة

بنمرر دالة التحديث إلى حدث الضغط

ملف App.jsx

import { useState } from "react";
export default function App() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

النتيجة

كل ضغطة بتزود العدد المعروض واحد