/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

-2 votes139 views5 answers
React cheat sheet
Javascript React
59 votes134 views3 answers
Npm react router dom
Javascript React
0 vote130 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
1 vote132 views1 answer
Forcechange input reactiveform
Javascript React
0 vote128 views1 answer
React hooks link to external site new tab
Javascript React
0 vote128 views1 answer
Qr code generator in react native
Javascript React
0 vote140 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote118 views5 answers
React native cache clear
Javascript React
85 votes198 views3 answers
React random number
Javascript React
4 votes130 views2 answers
Google map react search place
Javascript React