كيفية إعادة توجيه المتصفح الى مسار معين في React

إذا كنت تستعمل react-router-dom v6 فيمكنك إستعمال الأداة redirect لإعادة توجيه المستخدم الى صفحة ما بعد إتمام action معين, كما يمكنك ببساطة إستعمال JavaScript  للوصول الى نفس النتيجة وكما يلي 

...
import { redirect } from "react-router-dom"; // إستيراد

const loader = async () => {
  const user = await getUser(); // جلب بيانات معينة مثلاً
  if (!user) {

   // home على فرض أن الصفحة الرئيسية لديك على العنوان 

    return redirect("/home"); // التوجه الى الصفحة الرئيسية

    //location يمكنك إيضاً عمل إعادة لتوجيه بإستعمال
    // window.location.replace("/home"); // التوجه الى الصفحة الرئيسية
  }
};

...

يمكنك ايضا الاستعانة بالتابع push لذات الغرض:

this.props.history.push("/");

فيكون بعد التأكد من نجاح تسجيل الدخول مثلا كالتالي:

.then(response => response.json())
.then(data => {
   if(data.status == 200){
      this.props.history.push("/");
   }
})