如何在react-admin中隐藏列表工具栏？

Question

I'm using react-admin 2.6.2 and trying currently to edit the layout of the List view. At first I wanted to remove action buttons completely, and I found the answer here at Stackoverflow. I thought, that using empty CardActions would be enough, but there's still empty ListToolbar taking space before my <List> starts. The toolbar is created by List automatically, is there any way to for example edit styles of that toolbar so I could hide it or set the height to 0px?

I guess one option is to create my custom List.js based on this , but it would be best to use the original source files, so they are also updated when there are new updates to react-admin.

JS code:

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

class DemoList extends Component {
    render() {

        return (
            <div>
                <List
                    {...props}
                    actions={<NoneActions />}
                >
                    <Datagrid>
                        <TextField source="name" />
                        <ShowButton />
                    </Datagrid>
                </List>
            </div>
        );
    }
}

Here's the toolbar in DOM:

<div class="MuiToolbar-root-519 MuiToolbar-regular-521 MuiToolbar-gutters-520 ListToolbar-toolbar-293">

Answer 1

尝试： <List actions={null} {...props}>列表消失之前的空白区域。