内容简介:此文章,缘起,点击路由标签时,发现在渲染之前的组件,打印日志没有出来,但组件以及渲染了。我认为应该弹窗的。每次点击路由应该重新刷新一遍,结果不是。我这样的假设是什么?
此文章,缘起,点击路由标签时,发现在渲染之前的组件,打印日志没有出来,但组件以及渲染了。
import React from "react"; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; function ParamsExample() { alert("c") return ( <Router> <div> <h2>Accounts</h2> <ul> <li> <Link to="/netflix">Netflix</Link> </li> <li> <Link to="/zillow-group">Zillow Group</Link> </li> <li> <Link to="/yahoo">Yahoo</Link> </li> <li> <Link to="/modus-create">Modus Create</Link> </li> </ul> <Route path="/:id" component={Child} /> <Route path="/:id" component={Child} /> {/* It's possible to use regular expressions to control what param values should be matched. * "/order/asc" - matched * "/order/desc" - matched * "/order/foo" - not matched */} </div> </Router> ); } function Child({ match }) { return ( <div> <h3>ID: {match.params.id}</h3> </div> ); } function ComponentWithRegex({ match }) { return ( <div> <h3>Only asc/desc are allowed: {match.params.direction}</h3> </div> ); } export default ParamsExample;
我认为应该弹窗的。每次点击路由应该重新刷新一遍,结果不是。
我这样的假设是什么?
观察结果(现象)
点击页面上<Link>的标签承载的数据时,并没有执行alert函数。ParamsExample组件没有刷新。
研究原先假设
浏览器界面的更改,必定导致虚拟DOM重新建立,必然导致DOM更新,DOM更新,HMTL就会更新。
反思校正假设
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
《裂变:秒懂人工智能的基础课》
王天一 / 电子工业出版社·博文视点 / 2018-6-13 / 59.00元
人工智能是指通过普通计算机程序实现的人类智能技术,这一学科不仅具有非凡的科学意义,对人类自身生存方式的影响也在不断加深。本书作为人工智能领域的入门读物,内容围绕人工智能的核心框架展开,具体包括数学基础知识、机器学习算法、人工神经网络原理、深度学习方法与实例、深度学习之外的人工智能和实践应用场景等模块。本书力图为人工智能初学者提供关于这一领域的全面认识,也为进一步的深入研究建立坚实的基础。一起来看看 《《裂变:秒懂人工智能的基础课》》 这本书的介绍吧!