web-dev-qa-db-ja.com

ログインページのようなメニューサイドバーなしで＃react-adminを使用してカスタムページを作成するにはどうすればよいですか？

以前はadmin-on-restでreact-adminを使用しています。ログインページのように、メニューサイドバーを表示しないカスタムページを作成したい。このページを使用して、ユーザーのパスワードをリセットします。どうやってやるの？

reactjsmenureact-admincustom-pages
6
thecassion

これは documentation では明らかではありませんが、Routeは実際にはnoLayoutプロパティを受け入れます。

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

レンダリングするコンポーネントに カスタムルート を追加します。ルートが成功すると、指定されたコンポーネントが表示されます。 Menuに小道具として送信するコンポーネントにあるものは、Routeには表示されません。

質問の仕方は、MenuItemLinkにMenuがないカスタムページを作成しようとしているように見えました。あなたが何を望んでいたかを理解するために質問を読み直さなければなりませんでした。

2
Mário Ferreiro

ギルダス・ガルシアの答えに付け加えたいと思います。ドキュメントに示されているようにカスタムルートを追加した後、コンテンツを表示できるようにするには、ルートURLの前にハッシュ#を追加する必要があります。たとえば、ビューをlocalhost:3000/に表示していて、ルートの1つが

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

次に、localhost:3000/#/fooに移動してコンテンツを表示する必要があります。

0
Darius