/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 vote108 views1 answer
React rative release
Javascript React
4 votes139 views3 answers
Visual studio code create react component shortcut
Javascript React
0 vote111 views1 answer
How to make multiple link using react
Javascript React
0 vote102 views1 answer
React check if localhost
Javascript React
0 vote115 views2 answers
React firebase hooks
Javascript React
0 vote121 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
0 vote116 views1 answer
What is react headroom
Javascript React
0 vote104 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
-2 votes100 views2 answers
React native text align vertical center
Javascript React
0 vote70 views1 answer
React native pdf creater html-to-pdf
Javascript React