“Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran” Kode Jawaban

Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran

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

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

Tough Termite

Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran

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

Jawaban yang mirip dengan “Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran”

Pertanyaan yang mirip dengan “Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran”

Lebih banyak jawaban terkait untuk “Bereaksi Tampilkan Tampilan Berdasarkan Izin Peran” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya