How could I hide the action buttons in the React-Admin 2.2.0 framework?
For example, I want to hide just the export button, or show only the Refresh and Export buttons.
To prevent multiple button clicks in React: Set an onClick prop on the button, passing it a function. When the button gets clicked, set its disabled attribute to true .
Save this question. Show activity on this post. import React { useState } from "react"; function App() { const [hideText, setHideText] = useState(false); const onClick = () => setHideText(false); return ( <div> <button onClick={onClick}>Click me</button> {hideText ?
Well, I found the solution myself.
When you want to hide all buttons:
import { List, CardActions } from 'react-admin';
const NoneActions = props => (
    <CardActions />
);
export const AdminList = (props) => (
    <List title="Admin List" {...props} actions={<NoneActions />}>
        ...
    </List>
);
When you want to show only the reload Button:
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>
);
                        If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With