Can route guards be used with React?

Can route guards be used with React?

Yes, route guards can be implemented in React using libraries like React Router. They help control access to routes.

How do I set up a route guard in my React app?

You can create a higher-order component or use a custom hook to check user authentication before rendering a route.

Can you show me a code example?

Sure! Here's a simple example using React Router:

import { Route, Redirect } from 'react-router-dom';

const PrivateRoute = ({ component: Component, ...rest }) => {
  const isAuthenticated = // your logic here;
  return (
    <Route {...rest} render={props =>
      isAuthenticated ? (
        <Component {...props} />
      ) : (
        <Redirect to='/login' />
      )
    } />
  );
};