secure-role-component

The module renders components based on roles.

Pre-requisites

Roles must be stored in the local storage with the key as roles.
The values must be something like ROLE_USER,ROLE_ADMIN

Usage:

import React from 'react';
import  Secure from "secure-role-component"
 
class Dashboard extends  React.Component {
 render() {
     return (
 
         <Secure roles={['ROLE_USER','ROLE_ADMIN']} components={
                        <Col lg={4}>
                     <div>Hello World!</div>
                     </Col> }/>)
     }
}

Props explanantion
roles : Pass array of roles you want the user to have to view the component.
components: Pass the components you want to render conditionally.

Notes on how to use:
Make an API Call to your backend and get the roles the logged in user has.
Save the roles in local storage. Use the secure-role-component module as above to get conditional rendering.