/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

11 votes321 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
2 votes341 views1 answer
Combining two styles react native
Javascript React
0 vote441 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
1 vote347 views1 answer
React native get last element of array
Javascript React
1 vote368 views3 answers
Linear gradient react native
Javascript React
2 votes358 views3 answers
Linear gradient reactjs
Javascript React
2 votes352 views2 answers
Add 2 class names react
Javascript React
68 votes381 views4 answers
Inline style react
Javascript React
0 vote359 views1 answer
How to reset ReactJS file input
Javascript React
0 vote352 views1 answer
React Readonly fractional rating
Javascript React