Я не уверен, как я могу повторить это в следующем JS, используя их API-интерфейс маршрутизатора вместо response-router-dom.
import { Route, Redirect } from "react-router-dom";
import auth from "../../services/authService";
const ProtectedRoute = ({ path, component: Component, render, ...rest }) => {
return (
<Route
{...rest}
render={props => {
if (!auth.getCurrentUser())
return (
<Redirect
to={{
pathname: "/login",
state: { from: props.location }
}}
j
/>
);
return Component ? <Component {...props} /> : render(props);
}}
/>
);
};
export default ProtectedRoute;
Это используется примерно так:
<ProtectedRoute path="/form/:id" component={Form} />