/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

0 vote346 views1 answer
Reading state react
Javascript React
38 votes360 views2 answers
How to write a comment in react js
Javascript React
3 votes322 views2 answers
React-native android build apk
Javascript React
0 vote344 views3 answers
React animation
Javascript React
0 vote323 views1 answer
Added font to react native
Javascript React
2 votes340 views1 answer
Text decoration in react
Javascript React
3 votes418 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote332 views1 answer
Reactjs class exemple componentDidMount
Javascript React
9 votes286 views4 answers
Firebase' is not defined no-undef react
Javascript React
2 votes351 views2 answers
Horizontal divider react native
Javascript React