反应管理员 - 如何隐藏操作按钮

Kat*_*.26 8 reactjs react-admin

如何隐藏React-Admin 2.2.0框架中的操作按钮?

例如,我想只隐藏导出按钮,或只显示"刷新"和"导出"按钮.

Kat*_*.26 14

好吧,我自己找到了解决方案.

当您想要隐藏所有按钮时:

import { List, CardActions } from 'react-admin';

const NoneActions = props => (
    <CardActions />
);

export const AdminList = (props) => (
    <List title="Admin List" {...props} actions={<NoneActions />}>
        ...
    </List>
);
Run Code Online (Sandbox Code Playgroud)

如果只想显示重新加载按钮:

import { List, CardActions, RefreshButton } from 'react-admin';

const ActionsRefresh = props => (
    <CardActions>
        <RefreshButton />
    </CardActions>
);

export const AdminList = (props) => (
    <List title="Admin List" {...props} actions={<ActionsRefresh />}>
        ...
    </List>
);
Run Code Online (Sandbox Code Playgroud)

  • 这是一个非常正确和可读的解决方案!您可以将其标记为已解决。它将帮助更多的读者 +1 (2认同)