简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - react-router侦听url变化的原理？
巴扎黑
巴扎黑 2017-04-11 12:53:29
0
2
360

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

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

使用的是react-router 2.8

巴扎黑
巴扎黑

répondre à tous(2)
小葫芦
小葫芦2017-04-11 12:55:29 2 plancher

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

Comme +0
Ajouter une réponse
小葫芦
小葫芦2017-04-11 12:55:29 1 plancher

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

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！