اعزل العرض عن الحدث
تفتح قائمة العملاء نافذة تعديل من داخل مكون الصف. في مثال افتراضي، ينقر المستخدم زر حفظ النافذة فيفتح التطبيق تفاصيل العميل أيضًا. سجّل أي معالجات نُفّذت وبأي ترتيب، وافصل طلب الحفظ عن إجراء الصف قبل تغيير شجرة المكونات.
للنافذة موقعان
تضع createPortal عناصر النافذة في موضع DOM تختاره، مثل حاوية قرب body. سياق React وانتشار أحداثه يتبعان شجرة React. لو ظل مكون النافذة ابنًا للصف في هذه الشجرة، فقد يستقبل الصف النقر حتى لو بدت النافذة منفصلة في أدوات فحص HTML.
اختر مالك الإجراء
لو الصف نفسه يحمل معالجًا واسعًا للنقر، اجعل فتح التفاصيل إجراء واضحًا على اسم العميل أو زر مستقل. إذا كانت النافذة مشتركة بين الصفوف، انقلها لمكون أعلى واستعمل معرّف السجل في حالتها. إيقاف انتشار الحدث داخل النافذة قد يكفي في حالة محددة، لكن اختبر ما يحتاجه من أحداث خارجية للإغلاق أو التتبع.
اختبر النقر ولوحة المفاتيح
اضغط الحفظ داخل النافذة وتأكد أن الطلب ينفذ مرة واحدة وأن مسار التفاصيل لا يفتح. اختبر فتح الصف من زر التفاصيل وعودة التركيز إلى زر الفتح بعد الإغلاق. راجع النقر على خلفية النافذة إذا كانت مصممة للإغلاق، وأبقِ خيار إغلاق متاحًا بلوحة المفاتيح.
من فايندو جروب: أنظمة إدارة علاقات العملاء.
