/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

-2 votes357 views2 answers
Import link react
Javascript React
0 vote368 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote393 views1 answer
How to replace strings with react components
Javascript React
2 votes382 views1 answer
React router 404 redirect
Javascript React
22 votes382 views4 answers
Copy text to clipboard reactjs
Javascript React
6 votes359 views4 answers
Add items to a react array in hooks
Javascript React
10 votes329 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
0 vote412 views1 answer
@tippyjs/react
Javascript React
0 vote352 views1 answer
React google login
Javascript React
0 vote398 views1 answer
Can i use hooks with expo in react native
Javascript React