admin on rest 在侧边栏中隐藏资源组件

Question

我需要一个资源及其所有配置，但我不希望它显示在边栏中

Answer 1

如文档中所述，您可以使用 menu 属性将 Menu 组件提供给 Admin 组件。看 https://marmelab.com/react-admin/Admin.html#menu

请注意，此道具很快就会被弃用，取而代之的是 appLayout，但您仍然会在自定义布局中使用此自定义菜单。

// in src/Menu.js
import React from 'react';
import { connect } from 'react-redux';
import { MenuItemLink, getResources } from 'react-admin';
import { withRouter } from 'react-router-dom';
import Responsive from '../layout/Responsive';

const Menu = ({ resources, onMenuClick, logout }) => (
    <div>
        {resources
            .filter(resource => resource.name !== 'excluded-resource')
            .map(resource => (
                <MenuItemLink to={`/${resource.name}`} primaryText={resource.name} onClick={onMenuClick} />
            ))
        }
        <Responsive
            small={logout}
            medium={null} // Pass null to render nothing on larger devices
        />
    </div>
);

const mapStateToProps = state => ({
    // Rerieve all known resources
    resources: getResources(state),
});

export default withRouter(connect(mapStateToProps)(Menu));

Answer 2

如果你想在侧边栏菜单中隐藏资源，你可以省略资源的列表属性。

<Resource name="posts" />

Answer 3

我发现了一种不同的“hacky”方式您可以在 css 中添加以下内容以从菜单中隐藏资源

.MuiDrawer-root a[href^='#/resource-to-exclude'] {
    display: none;
}

admin on rest 在侧边栏中隐藏资源组件

admin on rest hide resource component in sidebar

reactjs

admin-on-rest