/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 vote204 views1 answer
React-data-table-component api action button
Javascript React
0 vote272 views1 answer
React avoid spreading non-dom props across component
Javascript React
0 vote223 views1 answer
Implement cai webchat in react native
Javascript React
5 votes179 views1 answer
Add icon material ui
Javascript React
0 vote209 views1 answer
Library to add navigation in react native
Javascript React
0 vote319 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote234 views1 answer
Sanity react
Javascript React
6 votes233 views1 answer
React hooks scss supoort
Javascript React
0 vote219 views1 answer
React faq
Javascript React
2 votes207 views4 answers
Discord js remove reaction from user
Javascript React