react-router - React Router - 无需导航即可更改网址

Question

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

我尝试了 Navigation mixin，但是 transitionTo 和 replaceWith 实际上都会导致 componentWillReceiveProps 并且我想不出一种方法来区分我的情况(当页面上的所有数据都已经相关时)与不同产品之间的导航，当必须重新加载数据时。

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

Answer 1

在 SPA 中没有导航到另一个页面，历史更改可能导致呈现不同的路线，但根据您的示例，将呈现相同的路线，所以唯一发生的事情是 Route 组件的 props 的 state 变化。

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