شرح صفوف ومحتوى الفقرة
يرتقي توجيه تركيز لوحة المفاتيح برمجياً بتجربة المستخدم وإتاحة الوصول عند مسح مربع بحث أو تفعيل سطر تحرير سريع أو الانتقال لأول حقل غير صالح في النموذج. باستدعاء inputRef.current?.focus() داخل معالج الحدث ينتقل المؤشر فوراً إلى الحقل المقصود بدقة حتى لو تعددت حقول البحث في الصفحة نفسها.
HTML
const inputRef = useRef(null);
const [query, setQuery] = useState('');
function handleClearAndFocus() {
setQuery('');
inputRef.current?.focus();
}