React Router 显示空白页面直到刷新

大佬教程收集整理的这篇文章主要介绍了React Router 显示空白页面直到刷新，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决React Router 显示空白页面直到刷新？

开发过程中遇到React Router 显示空白页面直到刷新的问题如何解决？下面主要结合日常开发的经验，给出你关于React Router 显示空白页面直到刷新的解决方法建议，希望对你解决React Router 显示空白页面直到刷新有所启发或帮助；

我正在学习 React，这个项目涉及 React Router。我已经阅读了许多教程，但无法让它们为我的项目工作

基本上，问题在于我的 React 路由在 URL 更改和页面更改的情况下起作用，但除非重新加载，否则它会更改为空白 index.HTML，它可以正常工作。

我的 App.Js 在创建 accesstoken 时呈现 <Profile />：

  return (
    <browserRouter>
      <AppContainer>
        <GlobalStyle />
          <Switch>
            <Route exact path ='/' component={withRouter(accesstoken ? Profile : Login)} />
            <Route exact path ='/playList' component={withRouter(PlayList)} />
          </Switch>
      </AppContainer>
    </browserRouter>
  );

并且 <Profile /> 具有指向 <PlayList /> 的链接：

    return (
        <Wrapper>
            <BAnner user={user} />
            <link to='/playList'>Find New Music</link>
            <Favorites history={history} />
        </Wrapper>
    );

现在只是一个模板：

const PlayList = () => {
    return <h1>Hello</h1>
}

工作正常，并重定向到 localhost:3000/playList，但该路由显示白屏。刷新后，<h1>Hello</h1> 会正确显示。有没有人知道为什么会发生这种情况？

解决方法

@H_262_36@

发现错误。

df['column list3'] = List3

中断路由。这是一个隐藏在 Profile.jsx 组件中的针对不同问题的快速修复，我将不得不寻找更好的方法。