Theme
Primary Color

تحديث الحالة بناء على قيمتها السابقة

لما التحديث يعتمد على الحالة السابقة تقدر تستخدم دالة تستقبل آخر قيمة في طابور التحديثات

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

تطبيق الفكرة

كل دالة بتستقبل ناتج الدالة اللي قبلها

ملف App.jsx

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

النتيجة

الضغط مرة واحدة بيزود العداد بمقدار اثنين

reactjs شرح