/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

32 votes190 views5 answers
React disable eslint errors
Javascript React
0 vote191 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote152 views1 answer
Rendering an array in react
Javascript React
0 vote205 views1 answer
How to call api on load using hooks in react
Javascript React
4 votes202 views4 answers
Width 100% react native
Javascript React
0 vote206 views1 answer
Eject expo app to android and react native
Javascript React
7 votes181 views1 answer
How to place a line break in react native
Javascript React
1 vote182 views1 answer
I18n turn off suspense react
Javascript React
18 votes170 views6 answers
Add svg in react
Javascript React
1 vote212 views2 answers
Autofocus react
Javascript React