“React Show View com base na permissão de função” Respostas de código

React Show View com base na permissão de função

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 com base na permissão de função

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

Respostas semelhantes a “React Show View com base na permissão de função”

Perguntas semelhantes a “React Show View com base na permissão de função”

Mais respostas relacionadas para “React Show View com base na permissão de função” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código