“React Show View basé sur l'autorisation des rôles” Réponses codées

React Show View basé sur l'autorisation des rôles

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

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

Tough Termite

React Show View basé sur l'autorisation des rôles

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);
Tough Termite

Réponses similaires à “React Show View basé sur l'autorisation des rôles”

Questions similaires à “React Show View basé sur l'autorisation des rôles”

Plus de réponses similaires à “React Show View basé sur l'autorisation des rôles” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code