reactjs - react-router で可能なすべてのパスのリストを取得する

Question

React Routerを使用して、ルート構成で可能なすべてのパスのリストを取得する方法があるのだろうか?

たとえば、次のようになります。

var routes = (
    <Route name="/">
        <DefaultRoute .../>
        <Route name="about" .../>
        <Route name="blog" .../>
    </Route>
);

私は…したい：

["/", "/about", "/blog"]

Answer 1

これを行うには、いくつかの方法があります。

1. 最も簡単な方法: props ( this.props.routes) をチェックして、ルートを配列として表示します。ただし、これには、必ずしも探しているわけではない余分なデータが多数含まれています。

2. より堅牢: react-router-query、react-router-to-array、またはreact-router-sitemapなどのコミュニティ作成ツールを使用します。すべてには、掘り下げることができるかなり堅牢な read-me があります。

誰かがこのスレッドで同様の質問をし、より詳細な回答がありました。