Как изменить Router?

Question

[IIITRIX]

Хочу привести роуты к такому виду

const routes = [
  {
    path: "/",
    exact: true,
    component: Home
  },
  {
    path: "/news",
    component: News
  }
];

Сейчас у меня так

const App = ({ location }) => (
<Switch>
 <Route
   location={location}
   exact
   path="/"
   render={() => (<Articles documentTitleID="popular_articles_page.title" />)}
  />
</Switch>
)

Вопрос, как отобразить render с видом роутов в варианте 1

Answer 1

[Андрей Охотников]

{
routes.map(item => (
 <Route
  key={item.path}
   exact={item.exact}
   path={item.path}
   component={item.component}
  />
))
}