react-routerでURLを非表示にして、コンポーネントが表示されないようにする方法

学習者さん

すべてのプレーヤーをURL:で表示するページがありますwww.mysite.com/playersが、ULRから「プレーヤー」という単語を非表示にするのが好きです。同じ結果になるはずですが、URLはwww.mysite.com/。のようになります。これを達成するためのアイデアはありますか?

import React from 'react';
import { Route, Switch } from "react-router-dom";
 <Switch>
 <Route exact path="/" component={HomePage} />
 <Route path="/players" component={Players} />
 <Route path="/about" component={AboutPage} />
 </switch>

ワードプレーヤーをURLから非表示にしたいだけです。前もって感謝します..

地球

ページの状態を制御するには、次の方法があります。

       switch(this.state.currentPage) {
          case 'players':
            return <PlayersPage />
          default:
            return <IndexPage />
       }

あなたの場合、私はあなたに第三の道をお勧めします。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

react-router-domを使用してURLパスが一致したときにReactコンポーネントがアンマウントされないようにする方法

分類Dev

React.forwardRefにjsdocコメントで注釈を付けて、基になるコンポーネントにインテリセンスが表示されるようにするにはどうすればよいですか?

分類Dev

セクションを非表示にするためにReactコンポーネントが完全にロードされているかどうかを検出するにはどうすればよいですか?

分類Dev

コンポーネントがすでに開いているときに2回目のクリックでReactコンポーネントを非表示にするにはどうすればよいですか?

分類Dev

一致したルートにReactコンポーネントが表示されない(react-router-dom)

分類Dev

別のコンポーネントにあるボタンをクリックしたときにReactコンポーネントを表示/非表示にするにはどうすればよいですか?

分類Dev

Reactルーターを使用してReactの子コンポーネントではなくアプリコンポーネントにのみリンクを表示するにはどうすればよいですか?

分類Dev

Reactでラップされたコンポーネントを非表示にする方法

分類Dev

create reactアプリを使用して特定のReactコンポーネントに画像を表示するにはどうすればよいですか?

分類Dev

ReactでuseStateまたは条件付きレンダリングを使用してコンポーネントを表示および非表示にするにはどうすればよいですか?

分類Dev

react-router-domでヘッダーコンポーネントを非表示にする方法は?

分類Dev

React JS-URLパスに基づいてコンポーネントの一部を表示/非表示にするにはどうすればよいですか?

分類Dev

私のreactクラスコンポーネントを修正しようとしています。「代入または関数呼び出しが必要で、代わりに式が表示されました」というエラーが表示されます

分類Dev

react-alertを使用してコンポーネントにメッセージを表示するにはどうすればよいですか?

分類Dev

react-router:一致したパスに基づいてコンポーネントを表示/非表示

分類Dev

これは、フェッチリクエストからReactにデータを表示する正しい方法ですか?そうでない場合、コンポーネントにレンダリングされるJSXを変更するにはどうすればよいですか?

分類Dev

React-フックを使用して、onChangeイベントに基づいてコンポーネントを表示または非表示にする方法

分類Dev

React NativeのAndroidでキーボードが開いているときに、ScrollViewの下のコンポーネントを非表示にしますか?

分類Dev

ReactでClickに表示されるコンポーネントの境界線を削除するにはどうすればよいですか?

分類Dev

Reactで子コンポーネントを表示/非表示にする

分類Dev

ReactレンダリングされたコンポーネントでCSSを使用してスクロールしないようにする

分類Dev

react-nativeでボタンを押したときに追加のコンポーネントを表示するにはどうすればよいですか?

分類Dev

更新してもReactルーターにコンポーネントが表示されない

分類Dev

react-router-domを使用しているときに「関数コンポーネントに参照を与えることができない」を回避するにはどうすればよいですか?

分類Dev

使用されているようにReactコンポーネントを再レンダリングしないMobX @ computedが変更されました

分類Dev

React-reduxでクリック時にコンポーネントを表示/非表示にする方法は?

分類Dev

Reactで状態を使用してコンポーネントonClickを非表示にする

分類Dev

react-routerを使用してフォームの状態をコンポーネントに保存するにはどうすればよいですか?

分類Dev

React:表示されていないコンポーネントをテーブルにレンダリングしないでください

Related 関連記事

  1. 1

    react-router-domを使用してURLパスが一致したときにReactコンポーネントがアンマウントされないようにする方法

  2. 2

    React.forwardRefにjsdocコメントで注釈を付けて、基になるコンポーネントにインテリセンスが表示されるようにするにはどうすればよいですか?

  3. 3

    セクションを非表示にするためにReactコンポーネントが完全にロードされているかどうかを検出するにはどうすればよいですか?

  4. 4

    コンポーネントがすでに開いているときに2回目のクリックでReactコンポーネントを非表示にするにはどうすればよいですか?

  5. 5

    一致したルートにReactコンポーネントが表示されない(react-router-dom)

  6. 6

    別のコンポーネントにあるボタンをクリックしたときにReactコンポーネントを表示/非表示にするにはどうすればよいですか?

  7. 7

    Reactルーターを使用してReactの子コンポーネントではなくアプリコンポーネントにのみリンクを表示するにはどうすればよいですか?

  8. 8

    Reactでラップされたコンポーネントを非表示にする方法

  9. 9

    create reactアプリを使用して特定のReactコンポーネントに画像を表示するにはどうすればよいですか?

  10. 10

    ReactでuseStateまたは条件付きレンダリングを使用してコンポーネントを表示および非表示にするにはどうすればよいですか?

  11. 11

    react-router-domでヘッダーコンポーネントを非表示にする方法は?

  12. 12

    React JS-URLパスに基づいてコンポーネントの一部を表示/非表示にするにはどうすればよいですか?

  13. 13

    私のreactクラスコンポーネントを修正しようとしています。「代入または関数呼び出しが必要で、代わりに式が表示されました」というエラーが表示されます

  14. 14

    react-alertを使用してコンポーネントにメッセージを表示するにはどうすればよいですか?

  15. 15

    react-router:一致したパスに基づいてコンポーネントを表示/非表示

  16. 16

    これは、フェッチリクエストからReactにデータを表示する正しい方法ですか?そうでない場合、コンポーネントにレンダリングされるJSXを変更するにはどうすればよいですか?

  17. 17

    React-フックを使用して、onChangeイベントに基づいてコンポーネントを表示または非表示にする方法

  18. 18

    React NativeのAndroidでキーボードが開いているときに、ScrollViewの下のコンポーネントを非表示にしますか?

  19. 19

    ReactでClickに表示されるコンポーネントの境界線を削除するにはどうすればよいですか?

  20. 20

    Reactで子コンポーネントを表示/非表示にする

  21. 21

    ReactレンダリングされたコンポーネントでCSSを使用してスクロールしないようにする

  22. 22

    react-nativeでボタンを押したときに追加のコンポーネントを表示するにはどうすればよいですか?

  23. 23

    更新してもReactルーターにコンポーネントが表示されない

  24. 24

    react-router-domを使用しているときに「関数コンポーネントに参照を与えることができない」を回避するにはどうすればよいですか?

  25. 25

    使用されているようにReactコンポーネントを再レンダリングしないMobX @ computedが変更されました

  26. 26

    React-reduxでクリック時にコンポーネントを表示/非表示にする方法は?

  27. 27

    Reactで状態を使用してコンポーネントonClickを非表示にする

  28. 28

    react-routerを使用してフォームの状態をコンポーネントに保存するにはどうすればよいですか?

  29. 29

    React:表示されていないコンポーネントをテーブルにレンダリングしないでください

ホットタグ

アーカイブ