redirect
redirect 是用于重定向,通常用于loader
中,当loader
返回redirect
的时候,会自动重定向到redirect
指定的路由。
案例以及用法
权限验证,例如这个路由需要登录才能访问,如果未登录则重定向到登录页。
tsx
import { redirect } from "react-router";
{
path: "/home",
loader: async ({request}) => {
const isLogin = await checkLogin();
if(!isLogin) return redirect('/login');
return {
data: 'home'
}
}
}