javascript - react-router侦听url变化的原理?
巴扎黑
巴扎黑 2017-04-11 12:53:29
0
2
382

用react-router不多,想问一下实现原理。
我在地址栏里修改了url,然后回车,组件进入了componentWillReceiveProps这个生命周期,也就是更新组件;
再次回车时,就变成重新加载,组件从componentWillMount开始新的生命周期。

是不是react-router侦听了hashchange,如果url变化则手动pushState然后触发React组件重新渲染,如果url不变的话则重新请求这个页面?有没有对react-router实现原理比较了解的大神解释一下。

使用的是react-router 2.8

巴扎黑
巴扎黑

全員に返信(2)
小葫芦

在地址栏里敲回车页面刷新的时候其实跟 React 没关系了,componentWillMount 也不会被执行。另外 react-router 是通过 history 这个包来跟 URL 做同步的。

いいねを押す +0
小葫芦

其实可以在链接中加上onClick改变state从而达到url变化组件重新渲染的,但是我也遇到问题了。。。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート