score:0

just add a usertype props to each routes and create a protectedroute component

1 = teacher

2 = student

    <switch>
      <route path="/"  exact>
        <mainpage container={this.state.container}/>
      </route>
     
      <protectedroute path="/students" usertype={1} layout={teachersidenav} >
        <student container={this.state.container}/>
      </protectedroute>
      <protectedroute path="/payam" usertype={1} layout={teachersidenav}  >
        <messaget container={this.state.container}/>
      </protectedroute>
  
      <route path="/payamha" usertype={2} layout={studentsidenav} >
        <messages container={this.state.container}/>
      </route>
    </switch>

then apply a logic in the protectedroute component


Related Query

More Query from same tag