/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

5 votes305 views3 answers
Get url react
Javascript React
5 votes524 views1 answer
Inline z-index react
Javascript React
1 vote274 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote301 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote295 views1 answer
Image preload React
Javascript React
0 vote315 views1 answer
How to get parent's ref react
Javascript React
1 vote329 views1 answer
External script in react
Javascript React
0 vote259 views2 answers
Dispay react component after some time
Javascript React
0 vote303 views1 answer
Remarkable react js
Javascript React
1 vote299 views1 answer
How to use boostrapicons on react
Javascript React