点击浏览器后退和前进按钮后，React history.replaceState 页面数据未加载

如何解决点击浏览器后退和前进按钮后，React history.replaceState 页面数据未加载

我正在开发一个具有无限滚动功能的 React 站点，为了在 10 个帖子后进行分页，我加载了另外 10 个帖子并使用 history.replaceState 更改了网址。到目前为止，这完全符合我的预期。现在，如果我点击浏览器上的后退按钮，我将转到我之前访问过的页面并加载数据，但是如果我现在单击前进按钮，Url 会更改，但我会停留在同一页面上。

当前行为示例：

1. 预期 - 访问了主页 http://localhost:3000/
2. 预期 - 访问的类别页面 http://localhost:3000/category/javascript
3. 预期 - 滚动了几次，现在我的网址是 http://localhost:3000/category/javascript/page/3
4. 预期 - 点击浏览器后退按钮会将我带到主页 http://localhost:3000/
5. 无法正常工作 - 现在，如果我点击前进按钮，网址会更改为 http://localhost:3000/category/javascript/page/3，但我仍然停留在主页上并且内容不会更改。

我该如何解决这个问题才能让最后一步起作用？