Handling Permissions

premission.js

const isPremited = (roles, type) => {
    // premission check logic
    return ...;
}

export { isPremited };

UserList.js

import React from 'react';
import { isPremited } from './premission'; // custom module

class UserList extends React.Component {
    renderEdit() {
        let { roles } = this.props;
        
        if(!isPremited(roles, 'EDIT_USER')) return null;
        
        return (
            <Button>Edit</Button>    
        );    
    }
    
    render() {
        let editButton = () => { this.renderEdit(); }
        return(
            <div>
                <User />
                {editButton}
            </div>    
        );
    }
}