前端项目实战捌拾壹react-admin+material ui-踩坑-List的用法之usePermissions获取权限

我是歌谣 这里是歌谣的前端笔记小屋 想加入前端巅峰人才交流群私信我

import * as React from "react";
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import { usePermissions } from 'react-admin';

const MyPage = () => {
    const { isLoading, permissions } = usePermissions();
    return isLoading
        ? (<div>Waiting for permissions...</div>)
        : (
            <Card>
                <CardContent>Lorem ipsum sic dolor amet...</CardContent>
                {permissions === 'admin' &&
                    <CardContent>Sensitive data</CardContent>
                }
            </Card>
        );
}

export default MyPage;

// in src/customRoutes.js
import * as React from "react";
import { Route } from 'react-router-dom';
import MyPage from './MyPage';

export default [
    <Route exact path="/baz" component={MyPage} />,
];

const { total, isLoading } = useListContext();
    const { permissions } = usePermissions();
    console.log(total,isLoading,permissions,"permissions is")