React: هل يجب أن يؤدي تعيين الحالة داخل الأحداث المنفصلة إلى تشغيل التنظيف؟

المشكلة هي أن العداد نفسه ليس حدثًا منفصلاً. الأحداث المنفصلة مضمونة فقط فيما يتعلق بالأحداث المنفصلة الأخرى. لا أعتقد أن هذا ما تريده هنا.

يعد إيقاف المؤقت عملية غير متزامنة لأن جميع الحالات المحددة غير متزامنة. لذلك يمكن أن يأتي شيء آخر قبل أن يتم مسحه.

هذه هي الحالة التي لا يصلح فيها useLayoutEffect المشكلة بالكامل. بالتأكيد ليس في الوضع المتزامن ، ولكن هذا أيضًا سطحي في وضع المزامنة. إذا لم يكن جهاز ضبط الوقت ولكن دعنا نقول حدثًا بؤريًا ، فيمكن أن يتم إطلاق ذلك داخل دفعة قبل مسح هذا الأمر الذي سيكون له نفس المشكلة.

setRunning(false); // I would like to add a stop of this timer to the queue to be performed later
setLapse(0); // I would like to add an operation to set lapse to zero later
// lots of random stuff that can happen before the batch flushes
// This might also queue an operation to set lapse to something else
// actual rendering
// If concurrent mode, lots of other random stuff that can happen while rendering
// This might also queue an operation to set lapse to something else
// Actually do all that work in order

يتعلق الأمر كله بترتيب الأشياء المضافة إلى قائمة الانتظار.

تتمثل إحدى الطرق في إرسال إعادة الضبط فقط بمجرد توقف المؤقت فعليًا ، أي في التأثير. إذا كنت تريد عرض الصفر دائمًا في نفس الإطار ، فيمكنك دائمًا عرض الصفر عندما يكون التشغيل خطأ.

ومع ذلك ، كما هو الحال دائمًا ، يتم تصميم هذا بشكل أفضل كمخفض. يمكن للمخفض بسهولة رفض التحديثات عندما يعتقد أنه في حالة توقف وأيضًا تنفيذ المنطق لإعادة ضبطه بالفعل.

استلمتها الان. شكرا.

https://mobile.twitter.com/dan_abramov/status/1104069236132057089
https://codesandbox.io/s/23m1659rlp