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

Question

我正在使用 react-admin 2.6.2，目前正在尝试编辑列表视图的布局。起初我想完全删除操作按钮，我在 Whosebug 找到了答案。我想，使用空的 CardActions 就足够了，但是在我的 <List> 开始之前，仍然有空的 ListToolbar 占用 space。工具栏是由 List 自动创建的，有什么办法可以编辑该工具栏的样式，以便我可以隐藏它或将高度设置为 0px？

我想一个选择是基于this创建我的自定义List.js，但最好使用原始源文件，所以当有新的更新时它们也会更新反应管理员。

JS代码：

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

class DemoList extends Component {
    render() {

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

这是 DOM 中的工具栏：

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

Answer 1

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

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

How to hide the List Toolbar in react-admin?

reactjs

react-admin