“React zeigen die Ansicht auf der Grundlage der Rollenberechtigung” Code-Antworten

React zeigen die Ansicht auf der Grundlage der Rollenberechtigung

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

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

Tough Termite

React zeigen die Ansicht auf der Grundlage der Rollenberechtigung

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

Ähnliche Antworten wie “React zeigen die Ansicht auf der Grundlage der Rollenberechtigung”

Fragen ähnlich wie “React zeigen die Ansicht auf der Grundlage der Rollenberechtigung”

Weitere verwandte Antworten zu “React zeigen die Ansicht auf der Grundlage der Rollenberechtigung” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen