摘要：背景在的方法中使用來保存的話，會(huì)導(dǎo)致輸入卡頓，原因是用戶在輸入時(shí)，一直在，導(dǎo)致整個(gè)頁面一直重新渲染主頁面解決方法將組件多帶帶封裝成一個(gè)組件，這樣就只會(huì)觸發(fā)自身重新渲染而不是整個(gè)頁面組件主頁面發(fā)送內(nèi)容發(fā)送這樣就可以讓用戶愉快地輸入的同時(shí)，的值啦

背景：
在</b>的<b>onChange</b>方法中使用<b>setState</b>來保存value的話，會(huì)導(dǎo)致輸入卡頓，原因是用戶在輸入時(shí)，<strong>一直在<b>setState</b>，導(dǎo)致整個(gè)頁面一直重新渲染</strong></p> <p>主頁面：</p> <pre>import React, { Component, } from "react"; import { Input } from "antd"; const { TextArea } = Input; class CustomCompent extends Component { constructor(props) { super(props); this.state = { targetValue: "", }; } handleChange = e => { let targetValue = e.target.value; this.setState({ targetValue, }); }; render() { const { targetValue } = this.state; return ( <> xxxx xxxx <TextArea onChange={this.handleChange} value={targetValue} /> <p>{targetValue.length}/100</p> </> );}</pre> <p><strong>解決方法：</strong><br>將<b><TextArea></b>組件多帶帶封裝成一個(gè)組件（component），這樣就只會(huì)觸發(fā)自身重新渲染而不是整個(gè)頁面！</p> <p>TextArea 組件：</p> <pre>import React from "react"; import { Input } from "antd"; const { TextArea } = Input; class CountTextArea extends React.PureComponent { constructor(props) { super(props); this.state = { targetValue: "", }; } handleChange = value => { let targetValue = value.target.value; this.setState({ targetValue, }); }; render() { const { setRef } = this.props; const { targetValue } = this.state; return ( <> <TextArea onChange={this.handleChange} value={targetValue} ref={setRef} /> <p>{targetValue.length}/100</p> </> ); } } export default CountTextArea;</pre> <p><strong>主頁面：</strong></p> <pre>import React, { Component, } from "react"; import { Button } from "antd"; import CountTextArea from "./CountTextArea"; class CustomCompent extends Component { componentDidMount() { this.customTextArea = React.createRef(); } handleOk = () => { if (this.customTextArea && this.customTextArea.current) { //發(fā)送內(nèi)容 let value =this.customTextArea.current.textAreaRef.value //xxx } } render() { return ( <> <CountTextArea handleOk={this.handleOk} setRef={this.customTextArea} /> <Button onClick={this.handleOk}>發(fā)送</Button> </> ); } }</pre> <p>這樣就可以讓用戶愉快地輸入的同時(shí)，setState <b>textarea</b> 的值啦~</p> <p></p> <p>（完）</p> </div> <div id="6a22guqa" class="mt-64 tags-seach" > <div id="6a22guqa" class="tags-info"> <a style="width:120px;" title="云服務(wù)器" href="http://m.hztianpu.com/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="GPU云服務(wù)器" href="http://m.hztianpu.com/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="在java中輸入漢語" href="http://m.hztianpu.com/yun/tag/zaijavazhongshuruhanyu/">在java中輸入漢語</a> <a style="width:120px;" title="整個(gè)頁面彈性設(shè)置" href="http://m.hztianpu.com/yun/tag/zhenggeyemiandanxingshezhi/">整個(gè)頁面彈性設(shè)置</a> <a style="width:120px;" title="jsp 重新渲染、" href="http://m.hztianpu.com/yun/tag/jsp zhongxinran/">jsp 重新渲染、</a> <a style="width:120px;" title="獲取整個(gè)html頁面" href="http://m.hztianpu.com/yun/tag/huoquzhenggehtmlyemian/">獲取整個(gè)html頁面</a> </div> </div> <div id="6a22guqa" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/109639.html</p> </div> <ul class="pre-next-page"> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/109638.html">上一篇：nginx解決跨域問題</a></li> <li id="6a22guqa" class="ellipsis"><a class="hpf" href="http://m.hztianpu.com/yun/109640.html">下一篇：【譯】什么是React Hooks</a></li> </ul> </div> <div id="6a22guqa" class="about_topicone-mid"> <h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3> <ul class="com_white-left-mid atricle-list-box"> <li> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/91743.html"><b>翻譯 | 玩轉(zhuǎn) <em>React</em> 表單 —— 受控組件詳解</b></a></h2> <p class="ellipsis2 good">摘要：受控輸入框只會(huì)顯示通過傳入的數(shù)據(jù)。例如，數(shù)組中的元素將會(huì)渲染三個(gè)單選框或復(fù)選框。屬性接收一個(gè)布爾值，用來表示組件是否應(yīng)該被渲染成選中狀態(tài)。 原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 譯者：小 B0Y 校對(duì)者：珂珂君 本文涵蓋以下受控組件： 文本輸入框 數(shù)字輸入框 單選框 復(fù)選框 文本域 下拉...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-1094.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/10/small_000001094.jpg" alt=""><span id="6a22guqa" class="layui-hide64">big_cat</span></a> <time datetime="">2019-08-22 11:05</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/90876.html"><b><em>React</em></b></a></h2> <p class="ellipsis2 good">摘要：基礎(chǔ)創(chuàng)建虛擬參數(shù)元素名稱，例如參數(shù)屬性集合，例如，，，從參數(shù)開始，表示該元素的子元素，通常這些元素通過創(chuàng)建，文本文件可以直接插入嘻嘻哈哈這是渲染器，將元素渲染到頁面中。 React簡介 FeceBook開源的一套框架，專注于MVC的視圖V模塊。實(shí)質(zhì)是對(duì)V視圖的一種實(shí)現(xiàn)。 React框架的設(shè)計(jì)沒有過分依賴于某個(gè)環(huán)境，它自建一套環(huán)境，就是virtual DOM（虛擬DOM）。 提供基礎(chǔ)AP...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-417.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/04/small_000000417.jpg" alt=""><span id="6a22guqa" class="layui-hide64">hlcc</span></a> <time datetime="">2019-08-22 10:35</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/89664.html"><b><em>React</em>.<em>js</em> 小書 Lesson10 - 組件的 state 和 <em>setState</em></b></a></h2> <p class="ellipsis2 good">摘要：傳入一個(gè)對(duì)象的時(shí)候，這個(gè)對(duì)象表示該組件的新狀態(tài)。下一節(jié)中我們將介紹小書配置組件的。 React.js 小書 Lesson10 - 組件的 state 和 setState 本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson10 轉(zhuǎn)載請(qǐng)注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huziketang.com/bo...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-330.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/03/small_000000330.jpg" alt=""><span id="6a22guqa" class="layui-hide64">tyheist</span></a> <time datetime="">2019-08-21 17:33</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/97299.html"><b><em>React</em></b></a></h2> <p class="ellipsis2 good">摘要：語法是一種語法的拓展語言，在中官方也推薦使用描述用戶界面，使用起來會(huì)比較快捷而且易讀不是一門新的語言，可以理解為是一種語法糖，作用就是能夠讓我們更加直觀的在中創(chuàng)建標(biāo)簽，最終還是會(huì)被編譯為語法，例如我們看一段代碼上面的語法最終會(huì)被編譯為語法， Reatc JSX語法 jsx是一種JavaScript語法的拓展語言，在React中官方也推薦使用jsx描述用戶界面，使用起來會(huì)比較快捷而且易讀...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-875.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/08/small_000000875.jpg" alt=""><span id="6a22guqa" class="layui-hide64">techstay</span></a> <time datetime="">2019-08-23 11:40</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> <li> <div id="6a22guqa" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://m.hztianpu.com/yun/105801.html"><b><em>React</em> 328道最全面試題(持續(xù)更新)</b></a></h2> <p class="ellipsis2 good">摘要：希望大家在這浮夸的前端圈里，保持冷靜，堅(jiān)持每天花分鐘來學(xué)習(xí)與思考。 今天的React題沒有太多的故事…… 半個(gè)月前出了248個(gè)Vue的知識(shí)點(diǎn)，受到很多朋友的關(guān)注，都強(qiáng)烈要求再出多些React相前的面試題，受到大家的邀請(qǐng)，我又找了20多個(gè)React的使用者，他們給出了328道React的面試題，由我整理好發(fā)給大家，同時(shí)發(fā)布在了前端面試每日3+1的React專題，希望對(duì)大家有所幫助，同時(shí)大...</p> <div id="6a22guqa" class="com_white-left-info"> <div id="6a22guqa" class="com_white-left-infol"> <a href="http://m.hztianpu.com/yun/u-448.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/04/small_000000448.jpg" alt=""><span id="6a22guqa" class="layui-hide64">kumfo</span></a> <time datetime="">2019-08-26 10:13</time> <span><i class="fa fa-commenting"></i>評(píng)論0</span> <span><i class="fa fa-star"></i>收藏0</span> </div> </div> </div> </li> </ul> </div> <div id="6a22guqa" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3> <div id="6a22guqa" class="xcp-publish-main flex_box_zd"> <div id="6a22guqa" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評(píng)論</a> </div> </div> </div> <div id="6a22guqa" class="site-box-content"> <div id="6a22guqa" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3> </div> <div id="6a22guqa" class="pages"></ul></div> </div> </div> <div id="6a22guqa" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="6a22guqa" class=""> <div id="6a22guqa" class="com_layuiright-box user-msgbox"> <a href="http://m.hztianpu.com/yun/u-434.html"><img src="http://m.hztianpu.com/yun/data/avatar/000/00/04/small_000000434.jpg" alt=""></a> <h3><a href="http://m.hztianpu.com/yun/u-434.html" rel="nofollow">macg0406</a></h3> <h6>男<span>|</span>高級(jí)講師</h6> <div id="6a22guqa" class="flex_box_zd user-msgbox-atten"> <a href="javascript:attentto_user(434)" id="attenttouser_434" class="grad follow-btn notfollow attention">我要關(guān)注</a> <a href="javascript:login()" title="發(fā)私信" >我要私信</a> </div> <div id="6a22guqa" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://m.hztianpu.com/yun/ut-434.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/124936.html">服務(wù)器硬件及RAID配置實(shí)戰(zhàn)</a></h3> <p>閱讀 1460<span>·</span>2021-11-25 09:43</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/121270.html">【程序員必會(huì)十大算法】之貪心算法</a></h3> <p>閱讀 2324<span>·</span>2021-09-27 13:36</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/119097.html">蘋果高管正拜訪亞洲供應(yīng)商 探討蘋果汽車生產(chǎn)事宜</a></h3> <p>閱讀 1168<span>·</span>2021-09-04 16:40</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/114835.html">微信小程序vedio視頻全屏無法遮擋textarea</a></h3> <p>閱讀 2042<span>·</span>2019-08-30 11:12</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/113009.html">微信小程序?qū)徍瞬煌ㄟ^的解決方法</a></h3> <p>閱讀 3370<span>·</span>2019-08-29 14:14</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/110904.html">CSS/兩欄并列等高布局</a></h3> <p>閱讀 632<span>·</span>2019-08-28 17:56</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/109639.html">react.js避免在input/textareah中輸入(setState)時(shí)重新渲染整個(gè)頁面</a></h3> <p>閱讀 1411<span>·</span>2019-08-26 13:50</p></li> <li><h3 class="ellipsis"><a href="http://m.hztianpu.com/yun/108928.html">前端修煉之路</a></h3> <p>閱讀 1317<span>·</span>2019-08-26 13:29</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="6a22guqa" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="6a22guqa" class="com_adbox"> <div id="6a22guqa" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://m.hztianpu.com/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://m.hztianpu.com/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://m.hztianpu.com/site/product/gpu.html" rel="nofollow"> <img src="http://m.hztianpu.com/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="6a22guqa" class="adhtml"> </div> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="6a22guqa" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="6a22guqa" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="6a22guqa" id="payread"> <div id="6a22guqa" class="layui-form-item">閱讀需要支付1元查看</div> <div id="6a22guqa" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <link rel="stylesheet" type="text/css" href="http://m.hztianpu.com/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <footer> <div id="6a22guqa" class="layui-container"> <div id="6a22guqa" class="flex_box_zd"> <div id="6a22guqa" class="left-footer"> <h6><a href="http://m.hztianpu.com/"><img src="http://m.hztianpu.com/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6> <p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p> </div> <div id="6a22guqa" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://m.hztianpu.com/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://m.hztianpu.com/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://m.hztianpu.com/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://m.hztianpu.com/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p> </li> <li> <h6>友情鏈接</h6> <p><a >GPU算力平臺(tái)</a></p> <p><a >UCloud私有云</a></p> <p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >AI繪畫</a></p> <p><a >Wavespeed AI</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://m.hztianpu.com/yun/column/index.html">專欄文章</a></p> <p><a href="http://m.hztianpu.com/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://m.hztianpu.com/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://m.hztianpu.com/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://m.hztianpu.com/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://m.hztianpu.com/site/cases.html">客戶案例</a></p> <p><a href="http://m.hztianpu.com/site/notice/">公告</a></p> </li> <li> <span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span> <p>掃掃了解更多</p></div> </div> <div id="6a22guqa" class="copyright">Copyright ? 2012-2025 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-3</a><i>｜</i> <!-- Global site tag (gtag.js) - Google Analytics --> </div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <h1><a href="http://m.hztianpu.com/">成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码</a></h1> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="qccwe" class="pl_css_ganrao" style="display: none;"><del id="qccwe"><strike id="qccwe"><menu id="qccwe"></menu></strike></del><menu id="qccwe"><bdo id="qccwe"><center id="qccwe"></center></bdo></menu><del id="qccwe"></del><dfn id="qccwe"></dfn><code id="qccwe"><em id="qccwe"><tr id="qccwe"></tr></em></code><source id="qccwe"><th id="qccwe"><nav id="qccwe"></nav></th></source><option id="qccwe"></option><bdo id="qccwe"></bdo><menu id="qccwe"></menu><del id="qccwe"></del><xmp id="qccwe"></xmp><tfoot id="qccwe"></tfoot><tbody id="qccwe"><source id="qccwe"><small id="qccwe"></small></source></tbody><dfn id="qccwe"></dfn><li id="qccwe"></li><wbr id="qccwe"></wbr><strike id="qccwe"><s id="qccwe"></s></strike><dfn id="qccwe"></dfn><em id="qccwe"></em><center id="qccwe"><dd id="qccwe"><th id="qccwe"></th></dd></center><samp id="qccwe"></samp><kbd id="qccwe"></kbd><fieldset id="qccwe"><table id="qccwe"><tr id="qccwe"></tr></table></fieldset><source id="qccwe"></source><tbody id="qccwe"></tbody><center id="qccwe"></center><tr id="qccwe"></tr><center id="qccwe"></center><pre id="qccwe"></pre><abbr id="qccwe"><ul id="qccwe"><pre id="qccwe"></pre></ul></abbr><s id="qccwe"><bdo id="qccwe"><option id="qccwe"></option></bdo></s><object id="qccwe"></object><code id="qccwe"></code><input id="qccwe"></input><pre id="qccwe"></pre><center id="qccwe"><dd id="qccwe"><th id="qccwe"></th></dd></center><abbr id="qccwe"></abbr><abbr id="qccwe"></abbr><small id="qccwe"></small><pre id="qccwe"></pre><strong id="qccwe"><abbr id="qccwe"><ul id="qccwe"></ul></abbr></strong><tbody id="qccwe"></tbody><sup id="qccwe"></sup><dfn id="qccwe"></dfn><strike id="qccwe"><menu id="qccwe"><li id="qccwe"></li></menu></strike><abbr id="qccwe"></abbr><ul id="qccwe"></ul><optgroup id="qccwe"></optgroup><small id="qccwe"></small><small id="qccwe"><noframes id="qccwe"><samp id="qccwe"></samp></noframes></small><optgroup id="qccwe"></optgroup><cite id="qccwe"></cite><samp id="qccwe"></samp><strike id="qccwe"><s id="qccwe"><bdo id="qccwe"></bdo></s></strike><strong id="qccwe"><abbr id="qccwe"><ul id="qccwe"></ul></abbr></strong><wbr id="qccwe"><cite id="qccwe"><abbr id="qccwe"></abbr></cite></wbr><abbr id="qccwe"></abbr><center id="qccwe"></center><del id="qccwe"><tr id="qccwe"><rt id="qccwe"></rt></tr></del><small id="qccwe"></small><table id="qccwe"></table><samp id="qccwe"><tbody id="qccwe"><object id="qccwe"></object></tbody></samp><strong id="qccwe"></strong><nav id="qccwe"><li id="qccwe"><pre id="qccwe"></pre></li></nav><s id="qccwe"></s><strike id="qccwe"></strike><del id="qccwe"></del><dfn id="qccwe"></dfn><tbody id="qccwe"><button id="qccwe"><blockquote id="qccwe"></blockquote></button></tbody><tbody id="qccwe"><button id="qccwe"><samp id="qccwe"></samp></button></tbody><table id="qccwe"></table><tbody id="qccwe"><button id="qccwe"><blockquote id="qccwe"></blockquote></button></tbody><acronym id="qccwe"></acronym><del id="qccwe"></del><fieldset id="qccwe"><optgroup id="qccwe"><tr id="qccwe"></tr></optgroup></fieldset><ul id="qccwe"></ul><abbr id="qccwe"><ul id="qccwe"><pre id="qccwe"></pre></ul></abbr><button id="qccwe"></button><dfn id="qccwe"></dfn><code id="qccwe"></code><em id="qccwe"><del id="qccwe"><tr id="qccwe"></tr></del></em><noframes id="qccwe"></noframes><nav id="qccwe"></nav><del id="qccwe"><dfn id="qccwe"><rt id="qccwe"></rt></dfn></del><acronym id="qccwe"><xmp id="qccwe"><strike id="qccwe"></strike></xmp></acronym><tr id="qccwe"></tr><xmp id="qccwe"></xmp><small id="qccwe"></small><bdo id="qccwe"></bdo><bdo id="qccwe"><em id="qccwe"><xmp id="qccwe"></xmp></em></bdo><pre id="qccwe"></pre><td id="qccwe"><bdo id="qccwe"><em id="qccwe"></em></bdo></td><center id="qccwe"><xmp id="qccwe"><th id="qccwe"></th></xmp></center><object id="qccwe"></object><del id="qccwe"></del><noframes id="qccwe"><ul id="qccwe"><tbody id="qccwe"></tbody></ul></noframes><option id="qccwe"></option><option id="qccwe"></option><optgroup id="qccwe"></optgroup></div> < </html>