如何排除React Router的故障

Posted 2021-04-16

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

我将我的代码更改为只有一个入口点，并在服务器端设置了一个catch-all路由，以便反应路由器在客户端处理请求。

最初，一切似乎都运行正常，但在显示正确的组件之前需要很长时间。一旦我点击链接，我就会立即看到浏览器地址栏中的URL发生变化，但在加载正确的组件之前，我必须等待超过10-15秒。

我也注意到，经过一两次点击后，它就会停止工作。

我没有得到任何错误，我在服务器上设置了一个断点，看看当我点击一个链接时我是否在某种程度上击中了后端，但看起来我甚至没有进入后端。

我该如何调试/排除故障？ React Router只是一堆组件，我可以调试的代码不多。

有没有人遇到过这个问题？我很感激你的想法。谢谢。

答案

答案在这篇文章中：React Router v4 not rendering components

因为我正在使用Redux，所以我需要使用withRouter。