公司的主营产品包含全网型官网制作、品牌型网站设计、营销型网站建设、服务型网站开发、网上商城制作以及门户网站建设。其涵盖了 PC 网站、手机网站、微信网站、小程序和 APP ,实现了五合一的网站建设。公司提供的营销型、服务型、门户网站建设服务,会依据客户所属的不同行业以及不同类型,进而提出最为合适的形象定位。
服务热线: 手机微信同号:(各城市商务人员可上门服务)。
林州的网站建设相关事宜包括网站制作、网站设计等。还有网站的开发、改版、维护、搭建、托管等工作。同时涉及网站的费用、价格以及具体多少钱和报价等方面。
林州市由河南省直辖,由安阳市代管。它位于河南省最北部的太行山东麓,处在豫、晋、冀三省交界的地方,是红旗渠的故乡,也是红旗渠精神的发祥地。林州市的总面积为 2046 平方公里[58],下辖 4 个街道、16 个镇以及 1 个国家级经济技术开发区。在 2019 年末,林州市的户籍人口数量为[59]。
汉高帝二年(公元前 205 年)设立了该县,1994 年撤县设立了市。林州市境内的林虑山属于国家级重点风景名胜区。这里有千古之谜猪叫石,还有三伏酷暑时会结冰的冰冰背,以及三九严寒时桃花盛开的桃花谷,还有黄华流水颠倒的黄华山等自然奇观。红旗渠·太行大峡谷旅游区是国家 5A 级风景区[1]。
林州是河南省综合改革试点县(市)。
2020 年,林州市的生产总值达到 560 亿元,其增长幅度为 4.6%;一般公共预算收入为 33.3 亿元,增长了 10.1%;居民人均可支配收入是 28086 元,增长了 3.6%;固定资产投资为 116.3 亿元,增长 3.4%。
React 组件 API
7. 第七个方法。
设置状态:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">设置状态(setState),接收一个对象 nextState 作为参数,还可以接收一个函数 callback 作为可选参数。</pre></p>
参数说明
将当前 state 进行合并,然后重新渲染组件。这是在 React 事件处理函数以及请求回调函数中触发 UI 更新的主要方式。
关于
不能在组件内部通过 this.state 来修改状态,因为在调用某个操作之后,该状态会被替换掉。
()不会即刻改变 this.state,而是构建出一个即将被处理的 state。()不一定是同步进行的,为了提高性能,React 会批量执行 state 以及 DOM 渲染操作。
组件总是会触发一次重绘,除非在 e()中实现了条件渲染逻辑。
实例
React 实例
最后,有一个提示“点我!”。点击次数为:{this.state.}); }} ,并且为.(''');
尝试一下 »
实例中通过点击 h2 标签来使得点击计数器加 1。
替换状态:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">替换状态(将对象 nextState 进行替换)[,函数 callback]</pre></p>
方法与另一种方法类似,不过该方法仅仅会留存处于中状态的部分,那些原本处于 state 状态但不在中的状态都会被予以删除。
设置属性:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">设置属性(object 为下一个属性,[function 为回调函数])</pre></p>
设置组件属性,并重新渲染组件。
props 就如同组件的数据流,它始终会从父组件朝着所有子组件进行传递。当要与一个外部应用进行集成时,我们或许会有向组件传递数据或者通知 React 组件需要重新渲染的需求,此时可以使用()。
更新组件时,我既可以在节点上再次调用 React.(),又可以借助()方法来改变组件属性,从而触发组件重新渲染。
替换属性:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">替换对象的属性(nextProps)[,并可以提供一个回调函数(callback)]</pre></p>
()方法与类似,但它会删除原有 props。
强制更新:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">调用 forceUpdate 函数,并传入一个名为 callback 的函数作为参数。</pre></p>
参数说明
方法会促使组件调用自身的该方法来重新渲染组件,并且组件的子组件也会调用自身的该方法。然而,在组件重新渲染时,依旧会读取 this.props 和 this.state,倘若状态没有发生变化,那么 React 只会对 DOM 进行更新。
这种方法适用于组件重绘的情况,这种重绘不是由 this.props 和 this.state 引起的(例如:修改了 this.state 之后),通过该方法可以通知 React 需要进行调用。
通常来讲,应当尽量避免去使用(某个东西),只是从 this.props 和 this.state 里去读取状态,然后由 React 来触发(某个动作)的调用。
获取DOM节点:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">DOMElement findDOMNode()</pre></p>
如果组件已挂载到 DOM 里,此方法会返回对应的本地浏览器 DOM 元素。当返回 null 或者 false 时,this.()也会返回 null 。在从 DOM 中读取值的时候,这个方法很有作用,例如:获取表单字段的值以及进行一些 DOM 操作。
判断组件挂载状态:
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prettyprint prettyprinted" style="border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; margin: 15px auto; padding: 10px 15px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 12px; line-height: 20px; font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; background-image: url("/images/codecolorer_bg.gif"); background-position: center top; background-color: rgb(251, 251, 251); color: rgb(51, 51, 51);">bool isMounted()</pre></p>
这种方法是用来判断组件是否已经挂载到 DOM 中的。通过使用该方法,能够确保在异步场景下对某些对象的调用不会出现错误。
本文参考:
网站开发相关业务包括网站改版、网站维护、网站搭建、网站托管等;同时涉及网站费用、网站价格以及询问网站多少钱和网站报价等方面的内容。
本公司专业从事小程序的制作。
服务热线: 手机微信同号:(各城市商务人员可上门服务)。
贵州省黔东南有网站建设一条龙服务。包括黔东南的网站建设推广、网站制作设计。想知道黔东南本土附近哪个网站公司的推广效果好呢?还有黔东南当地本地网站公司全部外包的情况。以及黔东南的 SEO 百度首页推广、黔东南 58 同城网站推广电话、黔东南百度公司联系方式、黔东南百姓网会员推广、黔东南爱采购会员的费用,以及黔东南网络推广的费用和搭建官网等事宜。
下一页内容为:【网站建设一条龙】。包括“黔东南网站建设”,还有“黔东南网站 SEO 优化推广”,以及“黔东南网络推广”,以及“黔东南网页设计公司”。想知道企业网站制作公司的价格费用是多少?哪家比较好?需要搭建官网。 |