React-Admin： 总是显示为'active`

Question

Am使用react-admin。我将<DashboardMenuItem>替换/更改为<MenuItemLink>（概述）。

[不幸的是，此“概述”始终显示为active。知道如何在选择另一个菜单项时将其停用吗？

在附图中，请注意似乎已选择“概述”和“评论”（active）

// Removed this line...
- <DashboardMenuItem onClick={onMenuClick} sidebarIsOpen={open} />

// And replaced it with this...
+ <MenuItemLink
    to={`/`} // by default `react-admin` renders Dashboard on this route
    primaryText={translate(`resources.overview.name`, {
      smart_count: 2
    })}
    leftIcon={<DashboardIcon />}
    onClick={onMenuClick}
    sidebarIsOpen={open}
    dense={dense}
/>

Answer 1

这是一个有趣的挑战。

以及here's the best way to customize your Dashboard and routes所建议的Dashboard。

以下是一些事实：

• 默认情况下，routes应用程序的主页（仪表板）是第一个子项react-admin的列表。

• 尽管如此，您可以创建一个自定义组件以呈现为主页/仪表板。 （在您的情况下，这就是您要尝试执行的操作。）

<Admin>

使用method-1或method-2正确使用了<Resource>路由/导航。