619 gün önce React & PHP Login Control
sorusunu cevapladı.
Merhaba, bunun için protectedRouter oluşturabilirsin. Örneğin
import { Navigate, Outlet } from "react-router-dom";
const useAuth = () => {
const token = JSON.parse(localStorage.getItem("token"));
if (token) {
return true;
} else return false;
};
export const PrivateRouter = () => {
return useAuth() ? <Outlet /> : <Navigate to="/uye-giris" replace />;
};
bu kodu örneğini çoğaltabilirsin ve istenilen route a girişi engelleyebilirsin. Burada localStorage'dan token kontrolu yapıp eğer varsa istenilen Outlet sayfasına, eğer yoksa login sayfasına yönlendirmesi yapılıyor.
Kullanmak için de AppRouterında alttaki satırı ekleyebilirsin örnek olarak.
<Route path="/" element={<PrivateRouter />}>
<Route path="/profilim" element={<ProfilePage />} />
</Route>