“React Show View basado en el permiso de rol” Código de respuesta

React Show View basado en el permiso de rol

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 basado en el permiso de rol

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

Respuestas similares a “React Show View basado en el permiso de rol”

Preguntas similares a “React Show View basado en el permiso de rol”

Más respuestas relacionadas con “React Show View basado en el permiso de rol” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código