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