/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 vote236 views1 answer
Remove unused dependencies React
Javascript React
2 votes219 views1 answer
React add gradient top to bottom
Javascript React
136 votes296 views6 answers
Create a react app
Javascript React
0 vote236 views1 answer
Format react code in visual studio code
Javascript React
17 votes246 views3 answers
React canvas clear
Javascript React
8 votes247 views2 answers
Set value as object in react hooks
Javascript React
-1 vote215 views3 answers
Instalar react native paper
Javascript React
2 votes218 views2 answers
Pdf table files download react not working
Javascript React
-1 vote293 views1 answer
How many data binding in react
Javascript React
0 vote253 views1 answer
Websocket with Node and React
Javascript React