小编Nat*_*ats的帖子

我有一个带有几条路线的 create-react-app 。当我时不时地改变分支等时，我注意到路由不起作用。我认为它唯一一次起作用是因为缓存。

下面是我的路线，为了简单起见，我blog用一个简单的p标签替换了路线，因为我开始认为它与我链接的组件有关。

应用程序.tsx

const history = createBrowserHistory();
...
<Router history={history} data-test="component-app">
   <Switch>
      <Route exact path="/" component={Main} />
      <Route path="/blog">
         <p>test</p>
      </Route>
   </Switch
</Router>

主.tsx

import React from "react";
import { Link } from "react-router-dom";

export const Main = () => {

    return (
        <Link to="/blog">Blog</Link>
    )
}

发生的情况如下：

• 单击 Main = 中的 Blog 链接，浏览器中的路由更改为 localhost:9600/blog 但没有内容，只有一个白色页面
• 在 localhost:9600/blog 上刷新页面，您将获得该<p>test</p>部分

但为什么点击链接后不立即显示测试呢？

我正在使用的版本：

• 反应路由器-dom：“^ 5.2.0”
• 反应脚本：“4.0.1”
• 反应：“^17.0.1”
• 历史记录：“^5.0.0”

有任何想法吗？