2

ユーザーが管理者である場合にのみ、ページの上部にカスタム ボタンを表示したい。これは、同じページの特定のフィールドを表示/非表示にするために機能します。しかし、何らかの理由でリスト アクション内で動作させることができません。

コード：

const UserListActions = ({ permissions, ...props }) => (  
  <CardActions> . 
      <RefreshButton />  
      {permissions === 'admin' &&   
        <Button color="primary"> . 
          <SyncIcon /> Sync Users . 
        </Button> . 
      } . 
  </CardActions> . 
);

export const UserList = ({ permissions, ...props }) => (
  <List actions={<UserListActions />} title="All users" {...props} bulkActions={false}>
4

1 に答える 1

2

これを理解しました。リストのアクション プロパティにアクセス許可を渡す際に重要な部分がありませんでした

const RoleListActions = ({ basePath, permissions }) => (
  <CardActions>
    {permissions === 'admin' && <SyncAwsRolesButton color="primary" />}
    {permissions === 'admin' && <CreateButton basePath={basePath} />}
    <RefreshButton />
  </CardActions>
);

export const RoleList = ({ permissions, ...props }) => (
  <List title="All roles" actions={<RoleListActions permissions={permissions} />} {...props} bulkActions={false}>
                                                    ^^ This bit right here
于 2018-08-02T19:34:21.213 に答える