如何在管理菜单中同时使用Resource和MenuItem

Question

因此，我拥有需要的所有资源的管理员，它工作得很好。 但是我还需要一个小的菜单项，只需打开一个带有按钮的简单表单即可。

我创建了Menu.js，如下所示：

https://marmelab.com/admin-on-rest//AdminResource.html#menu

并将其添加到我的管理员。

但是之后，我仅看到该菜单中的项目，而没有看到资源。 我如何同时拥有它们：该菜单中的Resources和MenuItems？

Answer 1

查看框架的Menu.js以获得灵感。

• 您需要遍历传入的resources参数，并为每个资源创建<MenuItem>
• 添加自己的<MenuItem>
• 如果使用身份验证，请添加{logout}

即：

import React from 'react';
import MenuItem from 'material-ui/MenuItem';
import { Link } from 'react-router-dom';

export default ({ resources, onMenuTap, logout }) => (
    <div>
        { resources.map(resource => {
          return <MenuItem
            key={resource.name}
            containerElement={<Link to={`/${resource.name}`} />}
            primaryText={resource.options.label}
            onTouchTap={onMenuTap}
          />
        })}

        <MenuItem key="download" containerElement={<Link to="/download" />} primaryText="Download" onTouchTap={onMenuTap} />

        {logout}
    </div>
);

Answer 2

如文档所示，您当前必须自己添加它们