可以在 React Router 中为路由混合 JSX 和常规对象吗？

Question

使用 React Router，我看到 here 我可以将我的路由定义为 JSX 或只是一个普通对象。我有一个用例，我想将 settingsRoutes 作为普通对象与我的应用程序的另一部分共享，但仍将 JSX 用于其他路由。第二个代码块是我想做的。 JSX 和对象的这种混合可能与 React 路由器一起使用吗？

const settingsRoutes = [{
  path: 'settings',
  component: Settings,
  childRoutes: [
    {
      path: 'info',
      component: SettingsInfo
    }
  ]
}]

module.exports = settingsRoutes

var settingsRoutes = require('settingsRoutes')

<Route path='/' component={ Container }>
  <Route path='register' component={ Register } />
  <Route path='signin' component={ Signin } />
  <Route path='signout' component={ Signout } } />
  { settingsRoutes }
</Route>

Answer 1

这样做：

<Route path='/' component={ Container }>
  <Route path='register' component={ Register } />
  <Route path='signin' component={ Signin } />
  <Route path='signout' component={ Signout } } />
  <Route childRoutes={settingsRoutes} />
</Route>

可以在 React Router 中为路由混合 JSX 和常规对象吗？

Possible to mix JSX and regular object for routes in React Router?

reactjs

react-jsx

react-router