浏览器位置更改时重新呈现React.js

Question

我有一个使用React.js的单页面应用程序。查看新内容时，只有页面上的某些元素通过React进行更新。发生这种情况时，我手动执行以下操作（从根位置开始）：

window.history.pushState(null, null, "/page2");

更新浏览器位置。但是，当我点击后退时，网址会返回到上一个网址（即＆＃34; /＆＃34;），但页面不会更新。

如何监听浏览器导航（后退/前进按钮）的更改并根据更新的URL重新呈现？

Answer 1

您可以使用react-router。

Pete Hunt使用director.js（抱歉，因为声誉不佳而无法发布网址），您可以在第29-34行的ReactJS TodoMVC示例here中看到。