IT技术 - React-router 重定向仅在重新加载时显示页面 - 吾爱随笔录

我在 React 应用程序中使用 react-router，但在启动应用程序时遇到了问题。首先，我得到了一个没有任何错误的空白页面，当我重新加载页面时，我得到了内容。

索引.tsx：

import React from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import Root from './app/Root';
import * as serviceWorker from './serviceWorker';
import store from './app/store';

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <Root />
    </Provider>
  </React.StrictMode>,
  document.getElementById('root'),
);

根.tsx：

import React from 'react';
import {Route, Router, Switch} from 'react-router-dom';
import App from './App';
import SignIn from 'features/authentication/signIn/SignInContainer';
import SignUp from 'features/authentication/signUp/SignUpContainer';
import history from 'browserHistory/index';
const Root = (): JSX.Element => (
  <Router history={history}>
    <Switch>
    <Route exact path="/" component={App} />
    <Route exact path="/signin" component={SignIn} />
    <Route path="/signup" component={SignUp} />
   </Switch>
  </Router>
);

export default Root;

当我尝试BrowserRouter而不是Router我没有问题但如果我history.push()在 tsx 文件之外使用时 BrowserRouter 不起作用。这就是为什么我需要使用它Router。有一个类似的问题React router 重定向页面但组件没有被渲染，但我认为我的路由器包装了主要的应用程序组件。我在代码中错误配置了什么？