React Admin - Как скрыть кнопки действий

Как мне скрыть кнопки действий в среде React-Admin 2.2.0?

Например, я хочу скрыть только кнопку экспорта или показать только кнопки «Обновить» и «Экспорт».


person Katliss.26    schedule 27.08.2018    source источник


Ответы (1)


Что ж, я сам нашел решение.

Если вы хотите скрыть все кнопки:

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>
);
person Katliss.26    schedule 27.08.2018
comment
Это очень правильное и удобочитаемое решение! Вы можете отметить его как решенное. Поможет дальнейшим читателям +1 - person Kmaschta; 27.08.2018
comment
Жаль, что я не могу больше проголосовать за это - документы довольно запутанные и требуют большей сложности в их описании без предоставления простого контекста. - person richessler; 03.11.2018