React ، ركز عنصرًا في React عند إضافته إلى DOM

كيفية تركيز عنصر في React بمجرد إضافته إلى DOM`

كان لدي نموذج مع نموذج بسيط ، فقط بامتدادinputالحقل فيه ، وأردت التركيز على هذا العنصر بمجرد إضافة الوسائط إلى DOM بواسطة React.

بدأت أفكر في العديد من الطرق المختلفة للقيام بذلك ، ربما باستخدامuseEffect()لتشغيل حدث عند إضافة المكون إلى DOM ، أو باستخدامrefprop لإنشاء مرجع إلى عنصر DOM واستدعاءfocus()لكنني أدركت بعد ذلك أنني كنت أفكر في تعقيد شديد وأستخدم فقطautofocusيمكن أن تعمل سمة HTML على العنصر.

وفعلت. تذكر أنه كذلكautoFocusفي JSX ، بالعاصمةF:

<input
  autoFocus
  ...// rest of the input field attributes

تحميل مجانيكتيب رد الفعل


المزيد من البرامج التعليمية للتفاعل: