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

Question

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

Answer 1

这在文档中并不明显，但Route实际上接受了一个noLayout道具：

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

Answer 2

使用要呈现的组件添加自定义路由。当路由成功时，将显示指定的组件。NoMenu将显示您作为 prop 发送到的组件中的任何内容Route。

您提出问题的方式似乎是您试图拥有一个没有MenuItemLinkin的自定义页面Menu。不得不重新阅读问题以了解您想要什么。

Answer 3

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

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

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