/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 vote320 views1 answer
Strings compare react
Javascript React
2 votes389 views3 answers
How to get current date in react js
Javascript React
4 votes348 views1 answer
How to empty form after submit react
Javascript React
1 vote395 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote359 views1 answer
Align image center react native
Javascript React
19 votes353 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote372 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
0 vote408 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
2 votes360 views2 answers
Horizontal divider react native
Javascript React
0 vote335 views1 answer
React Native Segmented Control Tab
Javascript React