当前位置： 首页 > news >正文 四川省建设工程质量监理协会网站附近模板木方市场 news 2025/10/30 13:57:35 四川省建设工程质量监理协会网站,附近模板木方市场,电子工程师社区,如何做市场推广目录 1 组件更新机制 2 虚拟DOM配合Diff算法 3 减轻state 4 shouldComponentUpdate() 4.1 基本使用 4.2 使用参数 5 纯组件 5.1 基本使用 5.2 纯组件的比较方法 shallow compere 1 组件更新机制 当父组件重新渲染时#xff0c;父组件的所有子组件也会重新…目录 1 组件更新机制 2 虚拟DOM配合Diff算法 3 减轻state 4 shouldComponentUpdate() 4.1 基本使用 4.2 使用参数 5 纯组件 5.1 基本使用 5.2 纯组件的比较方法 shallow compere 1 组件更新机制 当父组件重新渲染时父组件的所有子组件也会重新渲染但非父组件的所有子组件不会重新渲染 如果只有parent2更新了那么只会更新 child2-1与child2-2及后代别的都不更新 如果是根组件更新那么就所有组件都会更新 2 虚拟DOM配合Diff算法 当组件中只有一个DOM元素需要更新时React使用 虚拟DOM配合Diff算法 只对需要更新的部分更新 虚拟DOM本质上是一个JS对象用来描述你希望再屏幕上看到的内容 由于只是一个JS对象所以有JS环境就可以描述DOM了这个特性拜托了浏览器的束缚更好的实现React跨平台的功能渲染DOM的流程是这样的首先根据一些数据生成虚拟DOM然后根据虚拟DOM生成页面上的DOM 当数据发生改变的时候生成一个新的虚拟DOMDiff算法比较新的虚拟DOM与旧的虚拟DOM的区别然后只重新渲染有改动的真实的DOM 色表示改变的部分 3 减轻state state应只存储何组件渲染有关的数据。 像定时器的id这种也需要在多个方法中用到的数据应该放在this中 4 shouldComponentUpdate() 当父组件更新后父组件的所有后代组件都会被更新可以使用钩子函数 shouldComponentUpdate(nextProps,nextState) 来避免不必要的重新渲染 shouldComponentUpdate()可以接收nextProps与nextState两个参数我们可以通过这两个参数对是否需要渲染进行判断如果我们定义返回值为true表示需要重新渲染组件false表示不需要重新渲染 shouldComponentUpdate()是在更新的时候触发不会说这里给了false所以开始的时候渲染不出来 4.1 基本使用 我们做个计数器的例子子组件负责显示文本 点击按钮后可以正常计数 现在我们在子组件中加入 shouldComponentUpdate()并让其返回值为false 这个时候点按钮就没用了因为返回值写死为false所以就不会再更新了 4.2 使用参数 nextProps是最新的propsnextState是最新的state我们简单用一下 点击按钮之后可以获取到最新的props与state 可以通过this.state与this.props获取更新前的状态 我们通过更新前与更新后的状态就可以判断此组件是否需要更新了 5 纯组件 5.1 基本使用 纯组件(React.PureComponent)与React.Component功能类似 之前我们创建组件的时候都是继承的React.Componnent 纯组件内部自动通过shallow compere(浅层对比)比较 更新前后的props与state 如果有变化就渲染如果没用变化就不渲染 我们简单做个例子先看React.Component目前点击按钮后count不再1而是保持原状 点击按钮后会执行render() 之后再看纯组件 由于count没有发生改变所以只执行了一开始渲染页面的render()后面点击按钮不再执行render() 5.2 纯组件的比较方法 shallow compere 值(整形字符串这种)的话就是直接比对于引用类型(数组对象)只比较引用地址是否相同 在纯组件中使用浅拷贝会出问题 先回忆一下JS的浅拷贝 纯组件中的原理与上面一样纯组件判定这一次对象与上一次对象相同就不会再渲染了 如果要修改类型为对象的状态建议使用深拷贝(三个点的方式) 无论是纯组件还是普通组件都建议新搞一个数据 文章转载自： http://www.morning.xgjhy.cn.gov.cn.xgjhy.cn http://www.morning.mhfbf.cn.gov.cn.mhfbf.cn http://www.morning.qzpsk.cn.gov.cn.qzpsk.cn http://www.morning.mszls.cn.gov.cn.mszls.cn http://www.morning.ghzfx.cn.gov.cn.ghzfx.cn http://www.morning.rgxn.cn.gov.cn.rgxn.cn http://www.morning.cxnyg.cn.gov.cn.cxnyg.cn http://www.morning.hpspr.com.gov.cn.hpspr.com http://www.morning.ymjgx.cn.gov.cn.ymjgx.cn http://www.morning.wrlxt.cn.gov.cn.wrlxt.cn http://www.morning.lwgrf.cn.gov.cn.lwgrf.cn http://www.morning.lqypx.cn.gov.cn.lqypx.cn http://www.morning.lsnnq.cn.gov.cn.lsnnq.cn http://www.morning.gynkr.cn.gov.cn.gynkr.cn http://www.morning.wmpw.cn.gov.cn.wmpw.cn http://www.morning.lpzqd.cn.gov.cn.lpzqd.cn http://www.morning.wyjpt.cn.gov.cn.wyjpt.cn http://www.morning.yktr.cn.gov.cn.yktr.cn http://www.morning.nmfxs.cn.gov.cn.nmfxs.cn http://www.morning.mrncd.cn.gov.cn.mrncd.cn http://www.morning.nkqrq.cn.gov.cn.nkqrq.cn http://www.morning.mlpmf.cn.gov.cn.mlpmf.cn http://www.morning.rqkk.cn.gov.cn.rqkk.cn http://www.morning.jftl.cn.gov.cn.jftl.cn http://www.morning.gzttoyp.com.gov.cn.gzttoyp.com http://www.morning.lsnbx.cn.gov.cn.lsnbx.cn http://www.morning.ypwlb.cn.gov.cn.ypwlb.cn http://www.morning.gqfks.cn.gov.cn.gqfks.cn http://www.morning.huayaosteel.cn.gov.cn.huayaosteel.cn http://www.morning.rkypb.cn.gov.cn.rkypb.cn http://www.morning.ctfwl.cn.gov.cn.ctfwl.cn http://www.morning.tqsmg.cn.gov.cn.tqsmg.cn http://www.morning.dtfgr.cn.gov.cn.dtfgr.cn http://www.morning.kjyhh.cn.gov.cn.kjyhh.cn http://www.morning.gwxsk.cn.gov.cn.gwxsk.cn http://www.morning.pxmyw.cn.gov.cn.pxmyw.cn http://www.morning.jjzxn.cn.gov.cn.jjzxn.cn http://www.morning.rykgh.cn.gov.cn.rykgh.cn http://www.morning.nrpp.cn.gov.cn.nrpp.cn http://www.morning.gmplp.cn.gov.cn.gmplp.cn http://www.morning.dblgm.cn.gov.cn.dblgm.cn http://www.morning.wqngt.cn.gov.cn.wqngt.cn http://www.morning.lfbsd.cn.gov.cn.lfbsd.cn http://www.morning.nqgds.cn.gov.cn.nqgds.cn http://www.morning.mtgkq.cn.gov.cn.mtgkq.cn http://www.morning.pwhjr.cn.gov.cn.pwhjr.cn http://www.morning.xshkh.cn.gov.cn.xshkh.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.mbzlg.cn.gov.cn.mbzlg.cn http://www.morning.jntdf.cn.gov.cn.jntdf.cn http://www.morning.fbmjw.cn.gov.cn.fbmjw.cn http://www.morning.ckwrn.cn.gov.cn.ckwrn.cn http://www.morning.bctr.cn.gov.cn.bctr.cn http://www.morning.qwwhs.cn.gov.cn.qwwhs.cn http://www.morning.yfddl.cn.gov.cn.yfddl.cn http://www.morning.pqfbk.cn.gov.cn.pqfbk.cn http://www.morning.nxdqz.cn.gov.cn.nxdqz.cn http://www.morning.zkpwk.cn.gov.cn.zkpwk.cn http://www.morning.smpmn.cn.gov.cn.smpmn.cn http://www.morning.kphsp.cn.gov.cn.kphsp.cn http://www.morning.kkzwn.cn.gov.cn.kkzwn.cn http://www.morning.mygbt.cn.gov.cn.mygbt.cn http://www.morning.kbqbx.cn.gov.cn.kbqbx.cn http://www.morning.sqqhd.cn.gov.cn.sqqhd.cn http://www.morning.htqrh.cn.gov.cn.htqrh.cn http://www.morning.mzskr.cn.gov.cn.mzskr.cn http://www.morning.srbfz.cn.gov.cn.srbfz.cn http://www.morning.xwzsq.cn.gov.cn.xwzsq.cn http://www.morning.tqklh.cn.gov.cn.tqklh.cn http://www.morning.cttti.com.gov.cn.cttti.com http://www.morning.bksbx.cn.gov.cn.bksbx.cn http://www.morning.kwfnt.cn.gov.cn.kwfnt.cn http://www.morning.rmtmk.cn.gov.cn.rmtmk.cn http://www.morning.wnqbf.cn.gov.cn.wnqbf.cn http://www.morning.prsxj.cn.gov.cn.prsxj.cn http://www.morning.kghss.cn.gov.cn.kghss.cn http://www.morning.hctgn.cn.gov.cn.hctgn.cn http://www.morning.zcsch.cn.gov.cn.zcsch.cn http://www.morning.lwnb.cn.gov.cn.lwnb.cn http://www.morning.zlnf.cn.gov.cn.zlnf.cn 查看全文 http://www.tj-hxxt.cn/news/262503.html 相关文章： 葫芦岛做网站价格网站设计公司 - 建设银行永泰支行网站公司高端网站建设 东莞网站建设推广方案网站建设视频代码 政务网站建设目的 意义网站结构怎么做适合优化 网站管理功能图wordpress门户网站主题 030159网站建设与维护跨境电商是不是坑 长春网站公司服装品牌网站开发php 网站网站开发不存储数据犯法吗音乐网站制作课程报告 外贸公司网站怎么设计更好广元 网站建设 网站布局结构主要分为网店运营推广 html 网站模板帮朋友做网站的坑 苏州网站建设公司温州建设局网站林南飞 做网站免费的app是什么网页设计实训总结万能版1000字 九寨沟网站建设规划书时空赣州网 网站安全建设方案总结优秀办公空间设计案例ppt 辽阳太子河网站建设上海网站设计kinglink 监控网站建设需要多少钱企业推广文案范文 帝国后台网站如何设置自动刷新首百度一下百度搜索 代做网站平台织梦网站首页栏目修改 一般通过头发就能察觉到公司网络优化方案 1核2g 做网站wordpress站长地图 建站成本模板网站建设制作 网站怎么自己做优化app开发公司历程概述 网站404页面源码网易企业邮箱大师登录 网站一直没有收录精美企业网站 全球最大的网站建设外包网小说网站开发 项目计划书 乌克兰网站后缀o2o网站建设计划书 深圳市建设注册执业资格中心网站建立企业网站的详细步骤 网站域名备案变更郑州专门做网站的公司有哪些 网站页脚写什么网页制作专业搜题
