Reactjs 它如何在react routes属性中工作

我通常在中看到路由代码的反应是这样的

  <div className='App'>
    <BrowserRouter>
      <Route path="/" exact component={Home} />
      <Route path="/signup" component={SignUp} />
    </BrowserRouter>

但我在github中看到了一些代码

const App = () => {
  const routing = useRoutes(routes);

  return (
    <ThemeProvider theme={theme}>
      <GlobalStyles />
      {routing}
    </ThemeProvider>
  );
};

const-App=（）=>{
常量路由=用户路由（路由）；
返回(
{路由}
);
};

及

const路由=[
{
路径：“应用程序”，
元素：，
儿童：[
{路径：'帐户'，元素：}，
{路径：'客户'，元素：}，
{路径：'仪表板'，元素：}，
{路径：'产品'，元素：}，
{路径：'设置'，元素：}，
{路径：'*'，元素：}
]
},

我无法理解某些属性“元素”和“子元素”

这怎么可能呢？ 我该怎么称呼它呢？（我找不到文档或其他东西）

---

（对不起我的英语水平）

我们可以将所有路由放在一个地方，这很好。但是，将来当我们的应用程序中有几十个或数百个路由时，这可能很难管理。我们可以通过使用子路由来保持更干净。子路由只是显示在另一个路由中的路由。这意味着可以有更多的路由由另一个路由渲染的组件内的UTE

React路由易于使用，只需您的App.js文件如下所示

import React from 'react';
import { Route } from 'react-router-dom';
import Cms from './Cms';
    
const App = () => (
<div className="app-routes">
<Route path="/" component={Cms} />
</div>
);
export default App;

从“React”导入React；
从'react router dom'导入{Route}；
从“./Cms”导入Cms；
常量应用=（）=>(
);
导出默认应用程序；

有关更多详细信息，请查看此链接：

import React from 'react';
import { Route } from 'react-router-dom';
import Cms from './Cms';
    
const App = () => (
<div className="app-routes">
<Route path="/" component={Cms} />
</div>
);
export default App;