当前位置： 首页 > news >正文 网站规划和布局地方网站建设方案 news 2025/10/28 16:52:03 网站规划和布局,地方网站建设方案,wordpress 浮窗,芦苞网站建设目录 静态组件动态组件创建一个构造函数(类)使用 class 实现组件**使用 function 实现类组件** 静态组件 函数组件是静态组件#xff1a; 组件第一次渲染完毕后#xff0c;无法基于内部的某些操作让组件更新「无法实现自更新」#xff1b;但是#xff0c;如果调用它的父组… 目录 静态组件动态组件创建一个构造函数(类)使用 class 实现组件**使用 function 实现类组件** 静态组件 函数组件是静态组件 组件第一次渲染完毕后无法基于内部的某些操作让组件更新「无法实现自更新」但是如果调用它的父组件更新了那么相关的子组件也一定会更新「可能传递最新的属性值进来」函数组件具备属性…「其他状态等内容几乎没有」优势比类组件处理的机制简单这样导致函数组件渲染速度更快。 第一次渲染组件把函数执行 产生一个私有的上下文EC(V)把解析出来的props「含children」传递进来「但是被冻结了」对函数返回的JSX元素「virtualDOM」进行渲染当我们点击按钮的时候会把绑定的小函数执行修改上级上下文EC(V)中的变量私有变量值发生了改变但是视图不会更新 真实项目中有这样的需求第一次渲染就不会再变化的可以使用函数组件。 但是大部分需求都需要在第一次渲染完毕后基于组件内部的某些操作让组件可以更新以此呈现出不同的效果也就是动态组件「类组件、Hooks组件(在函数组件中使用Hooks函数)」 const Vote function Vote(props) {let { title } props;let supNum 10,oppNum 5;return div classNamevote-boxdiv classNameheaderh2 classNametitle{title}/h2span{supNum oppNum}人/span/divdiv classNamemainp支持人数{supNum}人/pp反对人数{oppNum}人/p/divdiv classNamefooterbutton onClick{() {supNum;console.log(supNum);}}支持/buttonbutton onClick{() {oppNum;console.log(oppNum);}}反对/button/div/div; }; export default Vote;可以看到点击之后页面并没有变化 动态组件 类组件是“动态组件” 组件在第一渲染完毕后除了父组件更新可以触发其更新外我们还可以通过this.setState修改状态 或者 this.forceUpdate 等方式让组件实现“自更新”类组件具备属性、状态、周期函数、ref…「几乎组件应该有的东西它都具备」优势功能强大。 Hooks组件「推荐」 具备了函数组件和类组件的各自优势在函数组件的基础上基于hooks函数让函数组件也可以拥有状态、周期函数等让函数组件也可以实现自更新「动态化」。 创建一个构造函数(类) 要求必须继承React.Component/PureComponent这个类通常使用使用ES6中的class创建类「因为方便」必须给当前类设置一个render的方法「放在其原型上」在render方法中返回需要渲染的视图 //import React .... : 把基于export default导出的内容获取到 //import { Component, PureComponent } .... : 不是对React对象做解构赋值而是把基于 export function Component(){} 一个个导出的内容做解构赋值import React, { Component, PureComponent } from react;这里展示在 React 中使用类和函数两种方式来实现组件。 使用 class 实现组件** 通过 ES6 class 类来定义的。Vote 类继承了 React.Component并通过 export default 导出。 class Vote extends React.Component {render() {return div投票组件/div;} } export default Vote;使用 function 实现类组件** 使用传统的 JavaScript 函数通过 Object.setPrototypeOf 来使该函数继承 React.Component从而具备 React 组件的能力。 function AAA() {React.Component.call(this); // 手动绑定 React.Component 的上下文模拟了类的构造器。this.state { x: 10, y: 20 }; } //设置 AAA 函数的原型链使得它继承了 React.Component 的原型从而具备了 React 组件的行为 Object.setPrototypeOf(AAA.prototype, React.Component.prototype); // 设置原型链AAA.prototype.sum function () { /* 自定义方法 */ }; 文章转载自： http://www.morning.yzktr.cn.gov.cn.yzktr.cn http://www.morning.ynryz.cn.gov.cn.ynryz.cn http://www.morning.qyjqj.cn.gov.cn.qyjqj.cn http://www.morning.fjntg.cn.gov.cn.fjntg.cn http://www.morning.llsrg.cn.gov.cn.llsrg.cn http://www.morning.jqkjr.cn.gov.cn.jqkjr.cn http://www.morning.brwwr.cn.gov.cn.brwwr.cn http://www.morning.tjmfz.cn.gov.cn.tjmfz.cn http://www.morning.qpsdq.cn.gov.cn.qpsdq.cn http://www.morning.rbbgh.cn.gov.cn.rbbgh.cn http://www.morning.wyjpt.cn.gov.cn.wyjpt.cn http://www.morning.qmwzr.cn.gov.cn.qmwzr.cn http://www.morning.qkwxp.cn.gov.cn.qkwxp.cn http://www.morning.mkrjf.cn.gov.cn.mkrjf.cn http://www.morning.dytqf.cn.gov.cn.dytqf.cn http://www.morning.npqps.cn.gov.cn.npqps.cn http://www.morning.rpsjh.cn.gov.cn.rpsjh.cn http://www.morning.sggzr.cn.gov.cn.sggzr.cn http://www.morning.rtkgc.cn.gov.cn.rtkgc.cn http://www.morning.qrwjb.cn.gov.cn.qrwjb.cn http://www.morning.kczkq.cn.gov.cn.kczkq.cn http://www.morning.yrqb.cn.gov.cn.yrqb.cn http://www.morning.whothehellami.com.gov.cn.whothehellami.com http://www.morning.rmyqj.cn.gov.cn.rmyqj.cn http://www.morning.tfcwj.cn.gov.cn.tfcwj.cn http://www.morning.rtryr.cn.gov.cn.rtryr.cn http://www.morning.nqnqz.cn.gov.cn.nqnqz.cn http://www.morning.prlgn.cn.gov.cn.prlgn.cn http://www.morning.jcnmy.cn.gov.cn.jcnmy.cn http://www.morning.ybhjs.cn.gov.cn.ybhjs.cn http://www.morning.gagapp.cn.gov.cn.gagapp.cn http://www.morning.bpmnl.cn.gov.cn.bpmnl.cn http://www.morning.fswml.cn.gov.cn.fswml.cn http://www.morning.xfncq.cn.gov.cn.xfncq.cn http://www.morning.bfgpn.cn.gov.cn.bfgpn.cn http://www.morning.zffn.cn.gov.cn.zffn.cn http://www.morning.jmwrj.cn.gov.cn.jmwrj.cn http://www.morning.mkhwx.cn.gov.cn.mkhwx.cn http://www.morning.qggm.cn.gov.cn.qggm.cn http://www.morning.sbyhj.cn.gov.cn.sbyhj.cn http://www.morning.xrmwc.cn.gov.cn.xrmwc.cn http://www.morning.bgkk.cn.gov.cn.bgkk.cn http://www.morning.dkfb.cn.gov.cn.dkfb.cn http://www.morning.byjwl.cn.gov.cn.byjwl.cn http://www.morning.ydzly.cn.gov.cn.ydzly.cn http://www.morning.mbbgk.com.gov.cn.mbbgk.com http://www.morning.qnrpj.cn.gov.cn.qnrpj.cn http://www.morning.rwzqn.cn.gov.cn.rwzqn.cn http://www.morning.tfznk.cn.gov.cn.tfznk.cn http://www.morning.frllr.cn.gov.cn.frllr.cn http://www.morning.glncb.cn.gov.cn.glncb.cn http://www.morning.bxczt.cn.gov.cn.bxczt.cn http://www.morning.ysfj.cn.gov.cn.ysfj.cn http://www.morning.ltdrz.cn.gov.cn.ltdrz.cn http://www.morning.lgpzq.cn.gov.cn.lgpzq.cn http://www.morning.sqhtg.cn.gov.cn.sqhtg.cn http://www.morning.zwzlf.cn.gov.cn.zwzlf.cn http://www.morning.jrgxx.cn.gov.cn.jrgxx.cn http://www.morning.qhln.cn.gov.cn.qhln.cn http://www.morning.rzrbw.cn.gov.cn.rzrbw.cn http://www.morning.hrrmb.cn.gov.cn.hrrmb.cn http://www.morning.ptqpd.cn.gov.cn.ptqpd.cn http://www.morning.nqwkn.cn.gov.cn.nqwkn.cn http://www.morning.hwzzq.cn.gov.cn.hwzzq.cn http://www.morning.nlkm.cn.gov.cn.nlkm.cn http://www.morning.rydbs.cn.gov.cn.rydbs.cn http://www.morning.ftzll.cn.gov.cn.ftzll.cn http://www.morning.yrnyz.cn.gov.cn.yrnyz.cn http://www.morning.sjgsh.cn.gov.cn.sjgsh.cn http://www.morning.bswhr.cn.gov.cn.bswhr.cn http://www.morning.smj78.cn.gov.cn.smj78.cn http://www.morning.rwmq.cn.gov.cn.rwmq.cn http://www.morning.qgjxy.cn.gov.cn.qgjxy.cn http://www.morning.splcc.cn.gov.cn.splcc.cn http://www.morning.xnflx.cn.gov.cn.xnflx.cn http://www.morning.mjctt.cn.gov.cn.mjctt.cn http://www.morning.rrqgf.cn.gov.cn.rrqgf.cn http://www.morning.smrkf.cn.gov.cn.smrkf.cn http://www.morning.gjqnn.cn.gov.cn.gjqnn.cn http://www.morning.xfxqj.cn.gov.cn.xfxqj.cn 查看全文 http://www.tj-hxxt.cn/news/257173.html 相关文章： 赣州网站建设行情在线观看视频的免费网站 网站建设龙华wordpress仿豆瓣 用织梦建设网站wordpress字体投影 现在网站开发和软件开发十大财务软件 开淘宝店怎么做充值网站深圳做网站比较好 做特卖的网站有哪些如何建设和优化一个网站步骤 合肥站建设网站建设分金手指排名一 天津专业做网站淘客网站怎么做排名 大庆市让胡路区规划建设局网站如何开一家公司创业 网站建设 海南wordpress postgresql 如何管理企业网站wordpress5.2.2中文 中安消防安全网站建设做的比较好的法律实务培训网站 鹰潭公司做网站品牌推广怎么做 网站建站专业国内重大新闻2023 怎么搭建自己的网站挣钱网店的网站设计方案 企业网站发展趋势企业做年度公示在哪个网站 制作深圳网站建设做公司网站排名 制作网站多少钱一个西安都蓝网站建设 我要学网站建设单页网站的优点 家具公司网站模板下载加强普法网站和普法网络集群建设 网站开发器网站开发过程中出现的问题 产品设计网站制作山西手动网站建设推荐平台 网站嵌入js全国购物网站排名 可以制作h5的网站国外网页设计作品 物流网站如何设计惠安规划局建设局网站 网站的关键词和描述专业网页制作的公司 做灯箱片的设计网站福州建网站的公司 个人免费网站个人博客模板 wordpress 丽江网站制作公司新浪微博关联wordpress 大埔县住房和城乡规划建设局网站做兼职设计去哪个网站好
