问题描述
我希望能够将 react admin 的左侧菜单从折叠状态切换为非折叠状态。
const MyLayout = (props) => <Layout {...props} menu={Menu} appBar={MyAppBar} />;
const Menu = ({ onMenuClick,logout }) => {
const classes = useStyles();
const open = useSelector((state) => state.admin.ui.sidebarOpen);
const resources = useSelector(getResources);
return (
<div className={classes.menu}>
{open && <logo type={'main'} activateEgg className={classes.logo} />}
{resources.map(
(resource) =>
resource.name !== 'users' &&
<MenuItemLink
className={classes.menuItem}
key={resource.name}
to={`/${resource.name}`}
primaryText={
(resource.options && resource.options.label) || resource.name
}
leftIcon={
resource.name === 'cashkicks' ? (
<Icon
name={IconName.Dollar}
type={IconType.outlined}
size={20}
/>
) : (
<Icon
name={IconName.DesktopComputer}
type={IconType.outlined}
size={20}
/>
)
}
onClick={onMenuClick}
sidebarIsOpen={open}
/>
)
)}
/>
</div>
);
};
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)