Arrays 使用react热重新加载和react路由器配置

当使用renderRoutes（）的配置示例时，react router config（react router），rect hot reload停止工作，并在每次更改时重置浏览器。例如，热重新加载仍适用于“我的导航”组件，但不适用于“我的路线”组件（主页、功能）。我该如何解决这个问题？我使用的是react hot reload v4，但v3也是一样的

app.js

render(
  <BrowserRouter>
      <Scenes />
  </BrowserRouter>,
  document.getElementById('app')
)

const routes = [
  {
    component: RouteComponents,
    routes: [
      {
        path: '/',
        component: Home,
        key: 'home',
        exact: true
      },
      {
        path: '/feature',
        component: Feature,
        key: 'feature'
      },
    ],
  },
]

export default routes(url)

const RouteComponents = (props: Props) => (
  <div id="routeContainer">{renderRoutes(props.route.routes)}</div>
)

export default RouteComponents

路由组件

render(
  <BrowserRouter>
      <Scenes />
  </BrowserRouter>,
  document.getElementById('app')
)

const routes = [
  {
    component: RouteComponents,
    routes: [
      {
        path: '/',
        component: Home,
        key: 'home',
        exact: true
      },
      {
        path: '/feature',
        component: Feature,
        key: 'feature'
      },
    ],
  },
]

export default routes(url)

const RouteComponents = (props: Props) => (
  <div id="routeContainer">{renderRoutes(props.route.routes)}</div>
)

export default RouteComponents

const RouteComponents=（props:props）=>(
{renderRoutes（props.route.routes）}
)
导出默认路由组件