reactjs - 使用react-router获取所有可能路径的列表

标签 reactjs react-router

我想知道是否有办法使用React Router获取具有路由配置的所有可能路径的列表?

例如,从此:

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

我想要:

[“/”、“/about”、“/blog”]

最佳答案

有几种方法可以做到这一点:

  1. 最简单:通过检查 props (this.props.routes) 以数组形式查看路由。但是,这包括许多您不一定要查找的额外数据。

  2. 更强大:使用社区构建的工具,例如 react-router-query , react-router-to-array ,或react-router-sitemap 。所有这些都有相当强大的自述文件,您可以深入研究。

有人问了类似的问题on this thread并提供更详细的答复。

关于reactjs - 使用react-router获取所有可能路径的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27656792/

相关文章:

javascript - React函数参数是Proxy?

javascript - 为什么 React 说 “Invalid prop ` Children`” 类型是对象而不是函数?

javascript - 我应该如何实现当我点击一个按钮时,页面在 React 中空白一秒钟的效果

javascript - react 链接到静态 html 页面?

react-router - 如何同步 Redux 状态和 url 查询参数

javascript - React-router:使用 <Link> 作为可点击的数据表行

javascript - 有没有办法访问导入组件的 propTypes 和 defaultProps?

javascript - 如何解决在测试中使用 <MemoryRouter/> 时需要唯一键的错误

javascript - 让表单在无状态 react 组件中提交数据的正确方法是什么?

reactjs - React Router v4 渲染多条路由