React Router 在使用 <Link> 时显示空白页面

Question

在更新了我们的一堆依赖项之后，我们现在被迫使用导致重定向的锚标记，在我们使用之前但现在每次我们点击它都会转到正确的 url 即 /screens 但它只是一个空白页面并且从不显示组件，下面是我们的父 index.tsx 文件：

ReactDOM.render(

  <Provider {...stores}>

    {/* Changed routes to children */}

    {/* <Router children={routes} history={createHistory} /> */}

    <Router history={createHistory}>

      <div>

        <Switch>

          <Route path='/oauth2callback' componentDidMount={console.log()}>

            {() => {

              if(window.location.href.includes('/oauth2callback'))

              {

                oauth2callback(window.location.hash)

              }

            }}

          </Route>

          <Route path='/testing' component={Get} />

          <Route path='/'>

            {/* Function that determines if the user is logged in and can allow the authenticated passage or not. If no, it will not render authenticated pages*/}

            {() => {

              if(auth.loggedIn())

              {

                console.log("is logged in")

                return(

                  <div>

                    <Route component={App} history={createHistory}/>

                    <div className="row" id="wrapper">

                      <Switch>

                        {/* <Route path='/screens' component={Screens}/> */}

                        <Route path='/screens' component={Screens}/>

                        <Route path='/playlists' component={Playlists}/>

                        <Route path='/content' component={Content}/>

                        <Route path='/help' component={HelpNav}/>

                        <Route component={NotFound}/>

                      </Switch>

                    </div>

                  </div>

                )

              }

知道新的反应路由器更新有什么不同导致这个错误存在吗？

Answer 1

修复比我想象的要简单得多，新的更新集成了 BrowserRouter 而不是 Router 所以我更换了<Router&nbsp;history={createHistory}>和<BrowserRouter>现在一切正常

Answer 2

在这篇 React Router 6 文章https://medium.com/frontend-digest/whats-new-in-react-router-6-732b06cc83e4上阅读“路由和链接相对于它们的父级”顺便说一下，有时你有<a>标签而不是链接组件很奇怪