/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 vote170 views1 answer
Navigate between files in react js
Javascript React
0 vote129 views1 answer
Button react native style
Javascript React
1 vote137 views2 answers
Can't perform a react state update
Javascript React
-2 votes144 views1 answer
React router previous location
Javascript React
0 vote294 views1 answer
React native multiple touchableopacity
Javascript React
0 vote141 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote150 views1 answer
React js input autocomplete off
Javascript React
0 vote146 views1 answer
React Redux reducer crud
Javascript React
0 vote152 views2 answers
Alert react native
Javascript React
5 votes142 views1 answer
How to host react app on heroku
Javascript React