React Router：将所有路由作为数组

  • Z时代
  • 2024-01-10
  • 分类：问答

是否有一个现有的库会将我的路由实例简化为路径数组？

：

    <Route path="/" component={App}>
      <Route path="author" component={Author}>
        <Route path="about" component={About}/>
      </Route>
      <Route path="users" component={Users} />
    </Route>

['/', '/author', '/author/about', '/users']

我可以编写一个减少代码的功能，用几行代码来解决这个问题，但是我想知道是否有一个现有的库可以帮我做到这一点，并照顾使用React

Router表示路由的不同方式。

回答：

由于找不到任何东西，我最终为此创建了一个库…

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']

以上是 React Router：将所有路由作为数组 的全部内容， 来源链接： utcz.com/qa/430856.html

回到顶部