簡體   English   中英

如何在管理菜單中同時使用Resource和MenuItem

[英]How can I use both Resource and MenuItem in Admin menu

因此,我擁有需要的所有資源的管理員,它工作得很好。 但是我還需要一個小的菜單項,只需打開一個帶有按鈕的簡單表單即可。

我創建了Menu.js,如下所示:

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

並將其添加到我的管理員。

但是之后,我僅看到該菜單中的項目,而沒有看到資源。 我如何同時擁有它們:該菜單中的Resources和MenuItems?

查看框架的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>
);

如文檔所示,您當前必須自己添加它們

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM