/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 vote237 views1 answer
Can't bookmark react router
Javascript React
2 votes292 views2 answers
Select field in react native
Javascript React
0 vote262 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
3 votes246 views1 answer
React icons in nextJS
Javascript React
0 vote271 views3 answers
Play sound onload react
Javascript React
2 votes218 views1 answer
Function component react form
Javascript React
7 votes244 views5 answers
Resize image react native
Javascript React
0 vote244 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote244 views1 answer
React native passing params to nested navigators
Javascript React
0 vote301 views1 answer
React set multible attribute values
Javascript React