React-admin - Create子菜单

Question

如何在react-admin中创建子菜单，因为在admin-on-rest中，我可以在MenuItem组件中使用适当的menuItems。对于这种情况，react-admin也有同样的支持吗？

我尝试创建我自己的组件，但在全局中为给定列表名称设置了适当的主属性，我的应用程序总是显示错误: Uncaught : Cannot read property '@global‘

谢谢

Answer 1

正如previously由react-admin的维护人员/开发人员解释的那样，react-admin不提供此功能。

如果你想要一个子菜单，你应该按照官方react-admin documentation中的说明创建一个自定义菜单，并实现Material-UI的nested-list逻辑。

这是一个简单的例子，根据我提供的链接，您的子菜单可能是什么样子：

<List component="nav" >
   <ListItem button onClick={this.handleClick}>
      <ListItemIcon>
        <InboxIcon />
      </ListItemIcon>
      <ListItemText inset primary="YOUR-SECTION-TITLE" />
      {this.state.open ? <ExpandLess /> : <ExpandMore />}
   </ListItem>
   <Collapse in={this.state.open} timeout="auto" unmountOnExit>
    <List component="div" disablePadding>
        <MenuItemLink to="/your-api-endpoint-1" primaryText="API-ENDPOINT-1" onClick={this.props.onMenuClick} />
        <MenuItemLink to="/your-api-endpoint-2" primaryText="API-ENDPOINT-2" onClick={this.props.onMenuClick} />
        <MenuItemLink to="/your-api-endpoint-3" primaryText="API-ENDPOINT-3" onClick={this.props.onMenuClick} />
    </List>
  </Collapse>
</List>

Answer 2

您可以使用下面的库https://github.com/BigBasket/ra-treemenu

或者，您可以查看多级菜单组件，它是React-Admin Enterprise Edition包的一部分：https://marmelab.com/ra-enterprise/modules/ra-navigation#multilevelmenu-replacing-the-default-menu-by-a-multi-level-one