如何使用 #react-admin 创建自定义页面，而没有像登录页面这样的菜单侧边栏？

Question

我之前使用的是 react-admin admin-on-rest。我想创建一个不显示菜单边栏的自定义页面，例如登录页面。我将使用此页面重置用户密码。我怎样才能做到这一点？

Answer 1

添加一个 custom route 与您要呈现的组件。当路由成功时，指定的组件将被呈现。没有 Menu 将显示您作为道具发送给 Route 的组件中的任何内容。

您提出问题的方式似乎是您在尝试创建一个 Menu 中没有 MenuItemLink 的自定义页面。必须重读问题才能理解你想要什么。

Answer 2

这在 documentation 中并不明显，但 Route 实际上接受了一个 noLayout 属性：

<Admin
    customRoutes={[
        <Route
            path="/custom"
            component={CustomRouteNoLayout}
            noLayout
        />,
        <Route
            path="/custom2"
            component={CustomRouteWithLayout}
        />,
    ]}
>

Answer 3

我想补充 Gildas Garcia 的回答。如文档所示添加自定义路由后，您需要在路由 url 前面添加哈希 # 才能查看内容。 例如，如果您在 localhost:3000/ 显示视图，并且您的路线之一是

<Route exact path="/foo" component={Foo} />,

那么你应该去localhost:3000/#/foo查看内容。