React Admin-如何隐藏动作按钮

时间:2018-08-27 14:52:03

标签: reactjs react-admin

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

例如,我只想隐藏导出按钮,或者只显示“刷新”和“导出”按钮。

1 个答案:

答案 0 :(得分:8)

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

要隐藏所有按钮时:

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

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

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

仅显示重新加载按钮时:

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>
);