/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 vote226 views1 answer
Detect if user is online react
Javascript React
1 vote203 views1 answer
React-native-paper password input
Javascript React
0 vote217 views1 answer
Asp.net core react server session
Javascript React
9 votes214 views5 answers
Find react version
Javascript React
0 vote200 views1 answer
How to use saved image on react
Javascript React
0 vote205 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote221 views2 answers
React-native local image not showing ios
Javascript React
0 vote214 views2 answers
Subdomain react app
Javascript React
0 vote248 views1 answer
React google map doesn't update marker
Javascript React
1 vote220 views1 answer
How to change the tab text in React
Javascript React