反应路由器 - 无需导航即可更改网址

Question

我有一个带有url / product / 0的新产品页面。当使用按钮保存产品时，我想显示“已成功保存”消息并将URL更改为/ product / 1024而不实际导航到该页面，因为这会导致对页面上的产品和其他数据的GET请求。

我尝试了导航mixin，但是两者，transitionTo和replaceWith实际上导致componentWillReceiveProps，我无法弄清楚如何区分我的情况（当页面上的所有数据已经​​相关时）来自不同产品之间的导航，何时需要重新加载数据。

所以基本上我正在寻找一种方法来改变React Router的url。

Answer 1

在SPA中没有导航到另一个页面，历史记录更改可能会导致呈现不同的路线，但根据您的示例，将呈现相同的路线，因此唯一发生的事情是对state组件的道具进行Route更改。

因此，您需要使用componentWillReceiveProps中的先前状态检查此状态，并查看是否需要重新获取数据。