/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 vote411 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
4 votes351 views1 answer
On window resize react
Javascript React
0 vote390 views1 answer
Changing map style react-leaflet
Javascript React
3 votes381 views2 answers
React router active link css
Javascript React
0 vote390 views1 answer
React js create element
Javascript React
3 votes378 views1 answer
How to call a function in react with arguments onclick
Javascript React
31 votes401 views6 answers
React Sass
Javascript React
157 votes603 views6 answers
Create new react app
Javascript React
0 vote377 views1 answer
React native custom debounce input
Javascript React
0 vote375 views1 answer
Concatenate state with previous state in react redux
Javascript React