/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

1 vote156 views1 answer
How to position View absolute react native
Javascript React
0 vote160 views1 answer
Copy paste menu react native textinput disable
Javascript React
3 votes148 views1 answer
React pass props to children
Javascript React
6 votes157 views1 answer
Import useHistory react-router-dom version 6
Javascript React
30 votes148 views6 answers
React if statement
Javascript React
0 vote151 views1 answer
Uuid for react native
Javascript React
3 votes220 views2 answers
React native image fit container
Javascript React
0 vote141 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
1 vote151 views1 answer
How hooks handle dependency in react
Javascript React
0 vote155 views1 answer
React bootstrap carousel caption placement top
Javascript React