/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

25 votes218 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote207 views1 answer
Write button hover in react
Javascript React
0 vote282 views1 answer
Render blaze in react
Javascript React
0 vote214 views1 answer
Websocket with Node and React
Javascript React
2 votes192 views1 answer
React nginx returns 404 after reload
Javascript React
48 votes203 views4 answers
How to add comment in react js
Javascript React
6 votes197 views1 answer
React native data map is not a function
Javascript React
0 vote210 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
1 vote231 views1 answer
React native remove text from string
Javascript React
1 vote212 views1 answer
New line in p tag react
Javascript React