هو أنا ليه لما بغير الـ State في React المشهد مش بيتحدث فوراً وبيمشي ببطء خطوة؟

الـ State في React عملية غير متزامنة (Asynchronous / Batched). لما بتستدعي دالة التحديث زي setCount، React مش بتغير القيمة في نفس اللحظة في السطر اللي بعده؛ هي بتاخد طلب التحديث وتحطه في الطابور (Queue) وتنتظر لحد ما الـ Function تخلص عشان تعمل Re-render للمكون وتحدث القيم مرة واحدة لزيادة الأداء. علشان كده لما بتعمل console.log في السطر اللي بعد الـ setState مباشرة، بتكون بتمسك النُسخة القديمة اللي جوه الـ Render الحالي. لو محتاج القيمة الجديدة عشان تعرضها أو تستخدمها في التحديث التالي: استخدم دالة الـ Callback جوه الـ setState بالشكل ده:

// الدالة بتبعتلك أحدث قيمة للـ State المضمونة
setCount(prevCount => prevCount + 1);