如何在react-admin中隱藏列表工具欄？

Question

我正在使用react-admin 2.6.2，目前正在嘗試編輯列表視圖的布局。 最初，我想完全刪除操作按鈕，然后在Stackoverflow找到了答案。 我認為，使用空的CardActions就足夠了，但是在<List>開始之前，仍然有空的ListToolbar占用空間。 該工具欄是由List自動創建的，是否有任何方法可以編輯該工具欄的樣式，例如我可以將其隱藏或將其高度設置為0px？

我猜一個選擇是基於此創建我的自定義List.js，但是最好使用原始源文件，因此當有新的react-admin更新時，它們也會被更新。

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}>列表消失之前的空白區域。