<Router> 更改 URL 但仅在刷新后加载组件

问题描述

App.js

const App = () => {     

  return (
    <div className='app-wrapper'>
        <BgVideo />  

        <Header /> 
        <Menu />
         <Switch>
            {routes.map((route,idx) => {
                return route.component ? (
                    <Route
                        key={idx}
                        path={route.pathname}
                        exact={route.exact}
                        name={route.name}
                        render={props => (
                            <route.component {...props} key={new Date().getTime()}/>
                        )}
                    />
                ) : null;
            })}
            <Redirect to={`/not-found`}/>
        </Switch>
    </div>
  );
};
@H_404_7@
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {Router} from 'react-router';

import App from './App';
import { history } from './_helpers';

ReactDOM.render(
  <Router history={history}>
      <App />
  </Router>,document.querySelector('#root')
);
@H_404_7@
**未按预期工作。它会在单击时更改 URL，但仅在强制刷新页面后才加载我的组件。 <browserRouter> 工作正常，但我需要 <Router>，因为 <browserRouter> 忽略历史对象。
（我收到此警告消息：
Warning: <browserRouter> ignores the history prop. To use a custom history,use import { 路由器 }instead ofimport { browserRouter 作为路由器 }.)
附言
当我点击某个链接时，它第一次重定向到我的 Not-Found 页面，第二次它更改了 URL（不加载组件）。**



解决方法
 
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
 
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
 
小编邮箱:dio#foxmail.com (将#修改为@）