/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 vote156 views1 answer
React break out of useeffect
Javascript React
0 vote163 views1 answer
Redirect to another path react
Javascript React
0 vote204 views1 answer
How to make react native dapp truffle
Javascript React
0 vote169 views1 answer
Storybook react router
Javascript React
0 vote166 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote217 views1 answer
React router nested routes active
Javascript React
26 votes183 views6 answers
React js
Javascript React
0 vote142 views1 answer
Why doesn't'$' work in react
Javascript React
0 vote172 views1 answer
React unfocus check
Javascript React
0 vote154 views1 answer
React catch error json message
Javascript React