Я новичок в react-admin, как я могу создать настраиваемую страницу, к которой можно получить доступ из боковой панели меню? То, что я ищу, похоже на это руководство: https://marmelab.com/blog/2019/03/07/react-admin-advanced-recipes-user-profile.html, но мне нужно иметь доступ к этой странице профиля с помощью значка в левой боковой панели меню, как и другие ресурсы. Спасибо
response-admin Создайте настраиваемую страницу, к которой можно получить доступ из боковой панели меню
Ответы (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;
person
MaxAlex
schedule
08.08.2019
Именно то, что я ищу! Спасибо.
- person Yaiba; 09.08.2019