我正在使用 Marmelab Admin-On-Rest 创建一个应用程序，以创建一个应用程序，让用户团队可以编辑、绘制图表、安排、发布并最终跟踪一组博客文章。
希望根据每个团队的角色向他们展示自定义视图。
有什么方法可以使用 Admin-On-Rest 实现这一目标？理想情况下，希望使用默认的 Admin-On-Rest，而不是从头开始创建我自己的 Redux 和 React 应用程序。
【问题讨论】：
标签： reactjs redux admin-on-rest
我认为这是一个相当普遍的情况。我正在考虑以下解决方案：
使用hasRole 方法扩展authClient。
提供一个采用authClient 的withRoles 高阶函数和一个到视图组件的对象映射角色。
用法如下：
import React from 'react';
import { simpleRestClient, Admin, Resource } from 'admin-on-rest';
import withRoles from 'aor-roles';
import { PostCreateForTeam1, PostCreateForTeam2 } from './posts';
const App = () => (
<Admin restClient={simpleRestClient('http://path.to.my.api')}>
<Resource name="posts" list={PostList} create={
withRoles(authClient, {
team1: PostCreateForTeam1,
team2: PostCreateForTeam2,
})
} />
</Admin>
);
export default App;team1 和 team2 将是角色。有趣的是，authClient.hasRole 可以是异步的，以便它可以使用 API 检查角色（我正在考虑用于身份验证和角色检查的 SASS 服务）。正确处理这个问题可能很棘手。
给我一些时间考虑一下:)
编辑：找到了一个我很满意的 API。
authClient 必须管理一个新类型：AUTH_GET_ROLE，它将返回一个解析为用户角色的承诺。
export const ProductEdit = props => (
<SwitchRoles authClient={authClient} {...props}>
<ForRole role="role1">
<ProductEditRole1 />
</ForRole>
<ForRole role="role2">
<ProductEditRole2 />
</ForRole>
</SwitchRoles>
);ForRole 组件的 role 属性也接受一个函数来进行更复杂的检查。
我们刚刚发布了aor-permissions！
【讨论】：
除了您的 authClient 之外，您可能还必须至少制作一个自定义减速器。然后制作一个与redux连接的ForRole组件，类似于Admin-on-rest中的Responsive组件。
检查其中的角色并使其显示每个角色所需的内容
【讨论】：