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

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

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

使用的是react-router 2.8

巴扎黑
巴扎黑

Antworte allen(2)
小葫芦

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

小葫芦

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!