如果使用react-router设置路由，React如何显示路由？

Question

在控制台上有没有我可以在运行时执行的命令，可以告诉我所有的路由？我已经使用了react-router，但并不是所有的路由都有效。在Rails中，您可以在运行时获取列表。

- dt1000

---

可能是重复的问题，与https://dev59.com/y1oU5IYBdhLWcg3wHEVp相似。 - Nishanth Matha

Answer 1

您可以使用以下库将routes以数组形式获取

https://github.com/alansouzati/react-router-to-array

import React from 'react';
import { Route, IndexRoute } from 'react-router';
import reactRouterToArray from 'react-router-to-array';
// or var reactRouterToArray = require('react-router-to-array');

console.log(reactRouterToArray(
<Route path="/" component={FakeComponent}>
{/* just to test comments */}
<IndexRoute component={FakeComponent} />
<Route path="about" component={FakeComponent}>
  <Route path="home" component={FakeComponent} />
  <Route path="/home/:userId" component={FakeComponent} />
</Route>
<Route path="users" component={FakeComponent} />
<Route path="*" component={FakeComponent} />
</Route>)
); //outputs: ['/', '/about', '/about/home', '/users']

- Md.Estiak Ahmmed

---

如果这个答案对您有帮助，请将其标记为正确答案 :) - Md.Estiak Ahmmed