react-admin创建可从菜单侧边栏访问的自定义页面

Question

我是react-admin的新手，如何创建一个可以从菜单侧边栏访问的自定义页面？我正在寻找类似于本教程：https://marmelab.com/blog/2019/03/07/react-admin-advanced-recipes-user-profile.html，但我需要能够从左侧菜单侧边栏中的图标访问该配置文件页面，就像其他资源。谢谢

Answer 1

您需要使用您的菜单组件：

import React from 'react';
import { Layout, MenuItemLink, Responsive } from 'react-admin';
import MyAppbar from './MyAppbar';
import BookIcon from '@material-ui/icons/Book';
import SettingsIcon from '@material-ui/icons/Settings';
import ChatBubbleIcon from '@material-ui/icons/ChatBubble';
import LabelIcon from '@material-ui/icons/Label';

const menuItems = [
    { name: 'posts', text: 'Posts', icon: <BookIcon /> },
    { name: 'comments', text: 'Comments', icon: <ChatBubbleIcon /> },
    { name: 'tags', text: 'Tags', icon: <LabelIcon /> },
    { name: 'my-profile', text: 'My profile', icon: <SettingsIcon /> }
];

const MyMenu = ({ onMenuClick, logout }) => (
  <div>
    { menuItems.map(item => (
      <MenuItemLink
        key={item.name}
        to={`/${item.name}`}
        primaryText={item.text}
        leftIcon={item.icon}
        onClick={onMenuClick}
      />
    ))}
    <Responsive
      small={logout}
      medium={null} 
    />
  </div>
);

const MyLayout = props => <Layout {...props} menu={MyMenu} appBar={MyAppbar} />;

export default MyLayout;