/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

3 votes206 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote210 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
4 votes176 views2 answers
React input number
Javascript React
0 vote190 views3 answers
How to copy an arry react
Javascript React
14 votes183 views2 answers
Border react native
Javascript React
0 vote190 views1 answer
Option component in react js errors
Javascript React
0 vote197 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote213 views2 answers
Subdomain react app
Javascript React
11 votes185 views2 answers
React router refreshes page
Javascript React
0 vote187 views1 answer
Cloudinary react
Javascript React