How to change Router?

Question

React

I want to bring the routes to this form

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

Now I have this

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

The question is how to display render with the view of routes in option 1

Answer 1

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