React Router - BrowserHistory.Push VS. ContextTypes

Question

我正在完成一个高级的react/redux教程并且遇到了讲师使用browserHistory.push链接到路由的过程中的一部分,而不是之前创建名为contextTypes的静态类变量并设置它的方法.等于像React.PropTypes.blah等等.

它与使用browserHistory.push有什么区别？与设置上下文类型相比,browserHistory.push作为程序重新路由似乎更容易.

谢谢!

Answer 1

不确定您使用了哪些教程，所以这有点盲目。

我想您在第一个教程中使用了类似https://github.com/reactjs/react-router-redux的东西，将路由器状态与 redux 状态同步，并将路由器对象放在上下文中。然后你可以做类似的事情：

this.context.router.push(location)调度位置更改这会将位置更改保存到您的 redux 状态，然后加载该新路线。

在核心中，react-router-redux（以及许多其他路由库）使用https://github.com/ReactTraining/history来管理导航到的路由的历史记录。这允许您在现代浏览器中使用 HTML5 历史记录 API，回退到 hashHistory (index.html/#page-one) 或内存历史记录，即渲染服务器端。

历史记录包带有它自己的 API。在您的教程中，browserHistory.push()可能会直接调用历史包的 API（请参阅此处）。

这将导致应用程序加载新路线，但可能会绕过与您的 redux 存储的同步。

您的第二个教程可能不使用react-router-redux或有不同的设置。