如何根据 react-admin 上的用户权限编程配置资源和 crud 操作

Question

我使用的是 react-admin，它非常快速且高效。但是，我想根据登录用户的属性实现一些功能，例如程序化显示资源和crud操作组件。

类似的东西。

const App = () => (
    <Admin restClient={jsonServerRestClient('http://jsonplaceholder.typicode.com')}>
        <Resource name="users" list={UserList} haveListPermission={user.hasUsersListPermission}/>
        <Resource name="tags" havePermission={user.hasTagPermission} />
    </Admin>
);

Answer 1

这在此处记录：https://marmelab.com/react-admin/Authorization.html

简而言之，Admin 组件接受一个函数作为子函数（想想渲染道具），它将在您的权限下调用（来自您的authProvider）。因此，假设您使用的是react-admin（而不是admin-on-rest）并且您的authProvider 在使用AUTH_GET_PERMISSIONS 类型调用时与当前用户解析：

const App = () => (
    <Admin authProvider={authProvider} dataProvider={jsonServerRestClient('http://jsonplaceholder.typicode.com')}>
        {user => (
            {user.hasUsersListPermission && <Resource name="users" list={UserList} />}
            {user.hasTagPermission && <Resource name="tags" />
        )}
    )}
    </Admin>
);