كيفية الانتقال برمجيًا إلى صفحة أخرى في React Router v6؟

مرحبًا بالجميع! لقد بدأت للتو في تعلم React وواجهت مشكلة. أستخدم React Router v6 للتنقل في التطبيق. من خلال الروابط العادية ، كل شيء يعمل بشكل رائع، لكنني بحاجة إلى إعادة توجيه المستخدم برمجيًا بعد إجراءات معينة — على سبيل المثال، بعد تسجيل الدخول بنجاح أو بعد إرسال نموذج. إليك كود مكون تسجيل الدخول الخاص بي: ```javascript import { useNavigate } from 'react-router-dom'; function LoginForm() { const handleSubmit = async (event) => { event.preventDefault(); const response = await fetch('/api/login', { method: 'POST', body: new FormData(event.target) }); if (response.ok) { // هنا أريد الانتقال إلى /dashboard console.log('تم تسجيل الدخول بنجاح! يجب الانتقال إلى dashboard'); } }; return (

تسجيل الدخول

); } ```