/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

1 vote337 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
0 vote344 views1 answer
Unistall react node package
Javascript React
4 votes298 views1 answer
React js materilize
Javascript React
0 vote337 views1 answer
Horizontal cards react bootstrap
Javascript React
0 vote280 views2 answers
Syntax attribute same as name react
Javascript React
0 vote325 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote324 views1 answer
Remarkable react js
Javascript React
118 votes385 views6 answers
Instalar bootstrap en react
Javascript React
0 vote306 views3 answers
Flatlist react native keyextractor
Javascript React
0 vote346 views2 answers
Go back to screen with params react native
Javascript React