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

react show view based on role permission

Tough Termite answered on May 31, 2021 Popularity 5/10 Helpfulness 2/10

answer react show view based on role permission

related react show view based on role permission

react show view based on role permission

Comment

import PropTypes from 'prop-types';
import { connect } from 'react-redux';

const ShowForPermissionComponent = (props) => {
    const couldShow = props.userPermissions.includes(props.permission);
    return couldShow ? props.children : null;
};

ShowForPermissionComponent.propTypes = {
    permission: PropTypes.string.isRequired,
    userPermissions: PropTypes.array.isRequired
};


const mapStateToProps = state => ({
    userPermissions: state.user.permission //<--- here you will get permissions for your user from Redux store
});

export const ShowForPermission = connect(mapStateToProps)(ShowForPermissionComponent);

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript role show view

Link to this answer
Share Copy Link

Contributed on May 31 2021

Tough Termite

0 Answers Avg Quality 2/10

Closely Related Answers

react show view based on role permission

Comment

import React from 'react';
import { ShowForPermission } from './ShowForPermission';

cons MyComponent = props => {
   return (
        <div>
            <ShowForPermission permission="DELETE">
                <button>Delete</button>
            </ShowForPermission>
        </div>
   );
}

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: role show view javascript

Link to this answer
Share Copy Link

Contributed on May 31 2021

Tough Termite

0 Answers Avg Quality 2/10

react show view based on role permission

Contents

More Related Answers

react show view based on role permission

Closely Related Answers

react show view based on role permission

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.