/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 vote188 views2 answers
React js http post 500 internal server error
Javascript React
0 vote169 views1 answer
Import batch from 'react-redux'
Javascript React
1 vote163 views2 answers
How to create react native app
Javascript React
16 votes175 views6 answers
React useState hook
Javascript React
0 vote145 views1 answer
React google login button size increase
Javascript React
2 votes197 views2 answers
Video in react native stack overflow
Javascript React
1 vote171 views1 answer
Functional component how to add to existing array react
Javascript React
2 votes163 views1 answer
Change color of strike through line of text in react native
Javascript React
1 vote149 views3 answers
React redux how to change object value in reducer
Javascript React
4 votes180 views1 answer
React native scrollview horizontal
Javascript React