Reactルーターの複数のパラメーター

user788448

私のアプリケーションは、idという1つのパラメーターで正常に動作します。キャンパス、件名など、ルートにパラメータを追加するにはどうすればよいですか?

 const Routing = () => ( 
    <HashRouter>
      <Route path='/course/:id' component={Parameters} /> 
      <Route path='/course/:CAMPUS_NAME' component={Campus} />
      <Route  path="/" component={App} />
    </HashRouter>
  </>
);

export default Routing;

Parameters.js

...
componentDidMount(){
              const {id} = this.props.match.params.id ;            
                this.runSearch();          
  }
...
vr12

次の方法でパス属性を次のように変更できます。

path="/course/:id/:campus/:subject"

オプションのパラメータの場合は、次のようなものを試してください

path="/course/:id?/:campus?/:subject

同じにアクセスするには、

this.props.match.params.param_value
Ex: this.props.match.params.campus

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

複数のパラメーターのグローバル平均

分類Dev

React Routerでの複数のパラメーター

分類Dev

React Routerでの複数のパラメーター

分類Dev

Angular 2ルーター:複数のルートパラメーター

分類Dev

複数の関数パラメータ?

分類Dev

複数のパラメーターMVCルーティング

分類Dev

.htaccessURLの複数のパラメータ

分類Dev

複数のパラメータの使用

分類Dev

複数のパラメータのGCD

分類Dev

Reactルーターの複数のパラメーターが機能しない

分類Dev

Laravelの複数のルートパラメータ

分類Dev

複数のパラメータを持つ React 関数

分類Dev

AND複数のパラメータ

分類Dev

複数のパラメータ値

分類Dev

複数のパラメーターを持つHaskellフィルター関数

分類Dev

複数のルートパラメータ角度6

分類Dev

複数のフィルター値パラメーターを取得する

分類Dev

複数のパラメータでルーターを反応させる

分類Dev

複数のパラメーターに対するPowerShellフィルター

分類Dev

複数のパラメーターを持つ角度入力フィルター

分類Dev

SSRSの複数値パラメーターによるフィルター

分類Dev

複数のパラメータURLパターンdjango2.0

分類Dev

Snakemakeファイル内の複数の「パラメータ」

分類Dev

WordPressAJAXの複数のデータパラメータ

分類Dev

複数のコールバックのパラメーターを比較する

分類Dev

forループ受け渡しパラメーターの複数のonchange効果

分類Dev

BirtReport同じフィールドの複数のパラメーター

分類Dev

Reactを構成するための複数のパラメーター

分類Dev

関数の複数のパラメーター

Related 関連記事

  1. 1

    複数のパラメーターのグローバル平均

  2. 2

    React Routerでの複数のパラメーター

  3. 3

    React Routerでの複数のパラメーター

  4. 4

    Angular 2ルーター:複数のルートパラメーター

  5. 5

    複数の関数パラメータ?

  6. 6

    複数のパラメーターMVCルーティング

  7. 7

    .htaccessURLの複数のパラメータ

  8. 8

    複数のパラメータの使用

  9. 9

    複数のパラメータのGCD

  10. 10

    Reactルーターの複数のパラメーターが機能しない

  11. 11

    Laravelの複数のルートパラメータ

  12. 12

    複数のパラメータを持つ React 関数

  13. 13

    AND複数のパラメータ

  14. 14

    複数のパラメータ値

  15. 15

    複数のパラメーターを持つHaskellフィルター関数

  16. 16

    複数のルートパラメータ角度6

  17. 17

    複数のフィルター値パラメーターを取得する

  18. 18

    複数のパラメータでルーターを反応させる

  19. 19

    複数のパラメーターに対するPowerShellフィルター

  20. 20

    複数のパラメーターを持つ角度入力フィルター

  21. 21

    SSRSの複数値パラメーターによるフィルター

  22. 22

    複数のパラメータURLパターンdjango2.0

  23. 23

    Snakemakeファイル内の複数の「パラメータ」

  24. 24

    WordPressAJAXの複数のデータパラメータ

  25. 25

    複数のコールバックのパラメーターを比較する

  26. 26

    forループ受け渡しパラメーターの複数のonchange効果

  27. 27

    BirtReport同じフィールドの複数のパラメーター

  28. 28

    Reactを構成するための複数のパラメーター

  29. 29

    関数の複数のパラメーター

ホットタグ

アーカイブ