如何对 React Router 进行故障排除

Question

我刚刚在我的 React/Redux 应用程序中实现了 React Router 4，该应用程序到目前为止使用了多个入口点。

我将我的代码更改为具有单个入口点并在服务器端设置了一个包罗万象的路由，以便 React 路由器可以处理客户端的请求。

最初，似乎一切正常，但需要很长时间才能显示正确的组件。单击 link 后，我会立即看到浏览器地址栏中的 URL 发生变化，但有时我必须等待超过 10-15 秒才能加载正确的组件。

我还注意到，点击一两下后，它就停止工作了。

我没有收到任何错误，我在服务器上设置了一个断点，以查看当我单击 link 时是否以某种方式访问​​了后端，但看起来我什至不会去后端。

我怎样才能debug/troubleshoot这个？ React Router 只是一堆组件，我可以调试的代码不多。

有人遇到过这个问题吗？如果您有任何想法，我将不胜感激。谢谢。

Answer 1

答案在这个post中：

因为我使用的是 Redux，所以我需要使用 withRouter。