/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

1 vote228 views2 answers
Push values to state array class react
Javascript React
0 vote211 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote186 views1 answer
Yarn react-native-async-storage
Javascript React
0 vote193 views1 answer
My env.local file not working in my react app usind mac
Javascript React
21 votes185 views6 answers
Elevation react native
Javascript React
2 votes176 views1 answer
React-redix and redux
Javascript React
0 vote183 views1 answer
How to update the react version in next js app
Javascript React
0 vote192 views1 answer
React native map repeate
Javascript React
0 vote177 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote241 views1 answer
Button click open external link react
Javascript React