パターンマッチングの代わりにreact-router動的ルーティング

cachvico

私のクライアントには特定のSEO / URL要件があり、react-routerでこれを機能させる方法を見つけようとしています。

同じパターンに一致するURLのセットを、異なるハンドラーを使用するように宣言するにはどうすればよいですか?

たとえば、/ AはHandlerAですが、/ BはHandlerBであり、/ B / CもHandlerAであり、対応する必要のある多くの順列(実行時に動的)があります。

cachvico

グローバルRouteTableが決定を行うために必要なすべてのデータを保持していると仮定すると、これは、<Route>構築されるオブジェクトの前に実行できることがわかります

var routes = RouteTable.map(r => {
    if (some logic) {
        return (<Route handler={A} name={r.url} path={r.url} />);
    } else {
        return (<Route handler={B} name={r.url} path={r.url} />);
    }
});

var routes = (
    <Route path='/'>
        {routes}
    </Route>
);

そして、すべて<Links>はURLで行われます。<Link to={url}>...

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

パターンマッチングの代わりにScalaオプションの高階関数

分類Dev

パターンマッチングの代わりにラムダを使用するのはなぜですか?

分類Dev

パターンマッチングの代わりにヘッド/テールを使用すると、評価が終了するのはなぜですか?

分類Dev

チェーンの代わりにDockerマルチステージビルディングフォーク

分類Dev

プロパティの代わりにパブリック 'インスタンス'フィールドを持つC#シングルトン

分類Dev

Object.keys()の代わりにフェッチされたデータのマッピング

分類Dev

Javaのswitchcaseの代わりにscalaパターンマッチングを使用する利点は何ですか?

分類Dev

instanceofスイッチの代わりにJavaビジターパターン

分類Dev

マージンの代わりにパディングを使用したCenterDiv

分類Dev

値がURLの場合、セマンティックマークアップでメタタグの代わりにリンクタグを使用する

分類Dev

パーセンタイルの再コーディング:forループの代わりに関数

分類Dev

リンクでMVCルーティングの代わりにAngularJSルーティングを使用する

分類Dev

複数の行にわたるパターンマッチング

分類Dev

`a`要素のパディングは、高さをフェッチする代わりにテーブルセルから出ます

分類Dev

フィルタと組み合わせたパターンマッチング

分類Dev

マルチキャストまたはシードIPの代わりに共有データベースを介したグリッドゲイン検出

分類Dev

非リテラル値のパターンマッチング

分類Dev

代わりにフラッターをパディングする行と列の配置

分類Dev

代わりにフラッターをパディングする行と列の配置

分類Dev

アンチパターンThreadLocalの代わりになりますか?

分類Dev

パターンマッチング中の移動セマンティクスの防止

分類Dev

このデザインパターンはどのように呼ばれますか?(スイッチの代わりにマップ)

分類Dev

xargsにコマンドパラメータの代わりにstdinからのフラグを渡させる

分類Dev

xargsにコマンドパラメータの代わりにstdinからのフラグを渡させる

分類Dev

動的メッセージの「ルーティング」パターン?

分類Dev

長方形の代わりに直線でキャンバスにグリッドパターンを描画する

分類Dev

meteor-autoformとiron:routerを使用した動的ルーティングの問題

分類Dev

VueJSでの動的な名前ルーティング/動的なルートマッチング

分類Dev

完全な繰り返しパターンのマッチング

Related 関連記事

  1. 1

    パターンマッチングの代わりにScalaオプションの高階関数

  2. 2

    パターンマッチングの代わりにラムダを使用するのはなぜですか?

  3. 3

    パターンマッチングの代わりにヘッド/テールを使用すると、評価が終了するのはなぜですか?

  4. 4

    チェーンの代わりにDockerマルチステージビルディングフォーク

  5. 5

    プロパティの代わりにパブリック 'インスタンス'フィールドを持つC#シングルトン

  6. 6

    Object.keys()の代わりにフェッチされたデータのマッピング

  7. 7

    Javaのswitchcaseの代わりにscalaパターンマッチングを使用する利点は何ですか?

  8. 8

    instanceofスイッチの代わりにJavaビジターパターン

  9. 9

    マージンの代わりにパディングを使用したCenterDiv

  10. 10

    値がURLの場合、セマンティックマークアップでメタタグの代わりにリンクタグを使用する

  11. 11

    パーセンタイルの再コーディング:forループの代わりに関数

  12. 12

    リンクでMVCルーティングの代わりにAngularJSルーティングを使用する

  13. 13

    複数の行にわたるパターンマッチング

  14. 14

    `a`要素のパディングは、高さをフェッチする代わりにテーブルセルから出ます

  15. 15

    フィルタと組み合わせたパターンマッチング

  16. 16

    マルチキャストまたはシードIPの代わりに共有データベースを介したグリッドゲイン検出

  17. 17

    非リテラル値のパターンマッチング

  18. 18

    代わりにフラッターをパディングする行と列の配置

  19. 19

    代わりにフラッターをパディングする行と列の配置

  20. 20

    アンチパターンThreadLocalの代わりになりますか?

  21. 21

    パターンマッチング中の移動セマンティクスの防止

  22. 22

    このデザインパターンはどのように呼ばれますか?(スイッチの代わりにマップ)

  23. 23

    xargsにコマンドパラメータの代わりにstdinからのフラグを渡させる

  24. 24

    xargsにコマンドパラメータの代わりにstdinからのフラグを渡させる

  25. 25

    動的メッセージの「ルーティング」パターン?

  26. 26

    長方形の代わりに直線でキャンバスにグリッドパターンを描画する

  27. 27

    meteor-autoformとiron:routerを使用した動的ルーティングの問題

  28. 28

    VueJSでの動的な名前ルーティング/動的なルートマッチング

  29. 29

    完全な繰り返しパターンのマッチング

ホットタグ

アーカイブ