/Javascript/React/Private route in react js

Private route in react js

const PrivateRoute = ({component: Component, ...rest}) => {
  const {isAuthenticated} = rest;

  return (
    <Route {...rest} render={props => (
      isAuthenticated ? (
        <Component {...props}/>
      ) : (
        <Redirect to={{
          pathname: '/login',
          state: {from: props.location}
        }}/>
      )
    )}
    />
  );
};

PrivateRoute.propTypes = {
  isAuthenticated: PropTypes.bool.isRequired,
};

function mapStateToProps(state) {
  return {
    isAuthenticated: state.user.isAuthenticated,
  };
}

export default connect(mapStateToProps)(PrivateRoute);

Source: stackoverflow.com

Similar codes

0 vote125 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote124 views1 answer
Svg as a component react
Javascript React
11 votes126 views2 answers
How to add react icons using npm
Javascript React
0 vote130 views1 answer
Exemple de modal reactjs
Javascript React
0 vote136 views1 answer
Command reboot android app react native adb command
Javascript React
0 vote133 views1 answer
Jason rpc reactjs
Javascript React
1 vote118 views1 answer
React setup for handling UI.
Javascript React
0 vote121 views1 answer
Changing map style react-leaflet
Javascript React
6 votes121 views1 answer
React native activityindicator
Javascript React
0 vote123 views1 answer
React custom hook refetch data
Javascript React