/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

9 votes245 views3 answers
React select
Javascript React
1 vote250 views1 answer
Import react js video player
Javascript React
0 vote274 views1 answer
How to get property names from object using map method react
Javascript React
0 vote284 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React
1 vote256 views1 answer
How to run an existing react project
Javascript React
1 vote260 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
78 votes240 views6 answers
React router redirect
Javascript React
73 votes252 views7 answers
React icons
Javascript React
0 vote277 views1 answer
Changing map style react-leaflet
Javascript React
1 vote271 views1 answer
Node sass version react
Javascript React