“React Show представление на основе разрешения роли” Ответ

React Show представление на основе разрешения роли

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 представление на основе разрешения роли

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

Ответы похожие на “React Show представление на основе разрешения роли”

Вопросы похожие на “React Show представление на основе разрешения роли”

Больше похожих ответов на “React Show представление на основе разрешения роли” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования