Breaking News: Grepper is joining You.com. Read the official announcement!

generate routes on basis of roles in reactjs

Pravesh Singh answered on August 13, 2022 Popularity 3/10 Helpfulness 1/10

answer generate routes on basis of roles in reactjs

generate routes on basis of roles in reactjs

Comment

import { connect } from 'react-redux'
   // other imports ...
   const App = () => (
      <BrowserRouter history={history}>
        <Switch>
        {
          this.props.currentUser.role === 'admin' ?
            <>
          <Route path="/Account" exact component={PrivateAccount} />
          <Route path="/Home" exact component={Home} />
            </> 
            : 
          <Route path="/Home" exact component={Home} />
        }
        <Route component={fourOFourErroPage} />

        </Switch>
      </BrowserRouter>
      
const mapStateToProps = (state) => {
  return {
    currentUser: state.currentUser,
  }
}
export default connect(mapStateToProps)(App);
 Run code snippet

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: basis generate javascript reactjs roles routes

Link to this answer
Share Copy Link