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

时间:2017-04-21 15:44:36

标签: javascript reactjs admin-on-rest

所以我拥有管理员所需的所有资源,而且效果很好。 但我还需要一个小菜单项,只需用一个按钮打开一个简单的表单。

我创建了喜欢它的Menu.js:

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

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

但之后我只看到该菜单中的项目,而不是资源。 我怎么能同时拥有它们:该菜单中的Resources和MenuItems?

2 个答案:

答案 0 :(得分:1)

查看框架Menu.js的灵感。

  • 您需要遍历传入的resources参数并为每个资源创建<MenuItem>
  • 添加您自己的<MenuItem> s
  • 如果您使用身份验证
  • ,请添加{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>
);

答案 1 :(得分:0)

如文档所示,您目前必须自己添加