/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

9 votes362 views3 answers
Disable yellow box react native
Javascript React
0 vote313 views3 answers
React loop through array
Javascript React
0 vote346 views1 answer
News api react native
Javascript React
1 vote320 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
29 votes306 views3 answers
Creating react app using npx
Javascript React
1 vote326 views2 answers
How to get window size in react js
Javascript React
0 vote323 views1 answer
How to pass property component in react enzyme
Javascript React
17 votes314 views5 answers
Add background image react native
Javascript React
6 votes318 views1 answer
Remove yellow warning react native emulator
Javascript React
14 votes323 views3 answers
Cannot resolve react-router-dom
Javascript React