当浏览器位置改变时重新渲染 React.js

Question

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

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

更新浏览器位置。但是，当我单击返回时，该 url 会返回到以前的 url（即“/”），但页面不会更新。

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

Answer 1

您可以使用react-router。

Pete Hunt 使用了director.js（抱歉，由于信誉低，无法发布网址），您可以在 ReactJS TodoMVC 示例 here 第 29-34 行中看到。