摘要：背景在的方法中使用來保存的話，會(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><script type="text/javascript">showImg("https://segmentfault.com/img/remote/1460000018611490");</script></p> <p>（完）</p> </div> <div id="qoyqs8suu2u" class="mt-64 tags-seach" > <div id="qoyqs8suu2u" class="tags-info"> <a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a> <a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a> <a style="width:120px;" title="在java中輸入漢語" href="http://systransis.cn/yun/tag/zaijavazhongshuruhanyu/">在java中輸入漢語</a> <a style="width:120px;" title="整個(gè)頁面彈性設(shè)置" href="http://systransis.cn/yun/tag/zhenggeyemiandanxingshezhi/">整個(gè)頁面彈性設(shè)置</a> <a style="width:120px;" title="jsp 重新渲染、" href="http://systransis.cn/yun/tag/jsp zhongxinran/">jsp 重新渲染、</a> <a style="width:120px;" title="獲取整個(gè)html頁面" href="http://systransis.cn/yun/tag/huoquzhenggehtmlyemian/">獲取整個(gè)html頁面</a> </div> </div> <div id="qoyqs8suu2u" class="entry-copyright mb-30"> <p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p> <p>轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109639.html</p> </div> <ul class="pre-next-page"> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/109638.html">上一篇：nginx解決跨域問題</a></li> <li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/109640.html">下一篇：【譯】什么是React Hooks</a></li> </ul> </div> <div id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/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="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-1094.html"><img src="http://systransis.cn/yun/data/avatar/000/00/10/small_000001094.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/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="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-417.html"><img src="http://systransis.cn/yun/data/avatar/000/00/04/small_000000417.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/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)載請注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huziketang.com/bo...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-330.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000330.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/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="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-875.html"><img src="http://systransis.cn/yun/data/avatar/000/00/08/small_000000875.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="atricle-list-right"> <h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/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相前的面試題，受到大家的邀請，我又找了20多個(gè)React的使用者，他們給出了328道React的面試題，由我整理好發(fā)給大家，同時(shí)發(fā)布在了前端面試每日3+1的React專題，希望對(duì)大家有所幫助，同時(shí)大...</p> <div id="qoyqs8suu2u" class="com_white-left-info"> <div id="qoyqs8suu2u" class="com_white-left-infol"> <a href="http://systransis.cn/yun/u-448.html"><img src="http://systransis.cn/yun/data/avatar/000/00/04/small_000000448.jpg" alt=""><span id="qoyqs8suu2u" 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="qoyqs8suu2u" class="topicone-box-wangeditor"> <h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3> <div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd"> <div id="qoyqs8suu2u" class="unlogin-pinglun-box"> <a href="javascript:login()" class="grad">登陸后可評(píng)論</a> </div> </div> </div> <div id="qoyqs8suu2u" class="site-box-content"> <div id="qoyqs8suu2u" class="site-content-title"> <h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3> </div> <div id="qoyqs8suu2u" class="pages"></ul></div> </div> </div> <div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right"> <div id="qoyqs8suu2u" class=""> <div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox"> <a href="http://systransis.cn/yun/u-434.html"><img src="http://systransis.cn/yun/data/avatar/000/00/04/small_000000434.jpg" alt=""></a> <h3><a href="http://systransis.cn/yun/u-434.html" rel="nofollow">macg0406</a></h3> <h6>男<span>|</span>高級(jí)講師</h6> <div id="qoyqs8suu2u" 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="qoyqs8suu2u" class="user-msgbox-list flex_box_zd"> <h3 class="hpf">TA的文章</h3> <a href="http://systransis.cn/yun/ut-434.html" class="box_hxjz">閱讀更多</a> </div> <ul class="user-msgbox-ul"> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/124936.html">服務(wù)器硬件及RAID配置實(shí)戰(zhàn)</a></h3> <p>閱讀 1415<span>·</span>2021-11-25 09:43</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121270.html">【程序員必會(huì)十大算法】之貪心算法</a></h3> <p>閱讀 2274<span>·</span>2021-09-27 13:36</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119097.html">蘋果高管正拜訪亞洲供應(yīng)商 探討蘋果汽車生產(chǎn)事宜</a></h3> <p>閱讀 1128<span>·</span>2021-09-04 16:40</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114835.html">微信小程序vedio視頻全屏無法遮擋textarea</a></h3> <p>閱讀 1967<span>·</span>2019-08-30 11:12</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113009.html">微信小程序?qū)徍瞬煌ㄟ^的解決方法</a></h3> <p>閱讀 3325<span>·</span>2019-08-29 14:14</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/110904.html">CSS/兩欄并列等高布局</a></h3> <p>閱讀 579<span>·</span>2019-08-28 17:56</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/109639.html">react.js避免在input/textareah中輸入(setState)時(shí)重新渲染整個(gè)頁面</a></h3> <p>閱讀 1338<span>·</span>2019-08-26 13:50</p></li> <li><h3 class="ellipsis"><a href="http://systransis.cn/yun/108928.html">前端修煉之路</a></h3> <p>閱讀 1260<span>·</span>2019-08-26 13:29</p></li> </ul> </div> <!-- 文章詳情右側(cè)廣告--> <div id="qoyqs8suu2u" class="com_layuiright-box"> <h6 class="top-com-title"><span>最新活動(dòng)</span></h6> <div id="qoyqs8suu2u" class="com_adbox"> <div id="qoyqs8suu2u" class="layui-carousel" id="right-item"> <div carousel-item> <div> <a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器"> </a> </div> <div> <a href="http://systransis.cn/site/product/gpu.html" rel="nofollow"> <img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器"> </a> </div> </div> </div> </div> <!-- banner結(jié)束 --> <div id="qoyqs8suu2u" class="adhtml"> </div> <script> $(function(){ $.ajax({ type: "GET", url:"http://systransis.cn/yun/ad/getad/1.html", cache: false, success: function(text){ $(".adhtml").html(text); } }); }) </script> </div> </div> </div> </div> </div> </section> <!-- wap拉出按鈕 --> <div id="qoyqs8suu2u" class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i> </div> <!-- wap遮罩層 --> <div id="qoyqs8suu2u" class="site-mobile-shade"></div> <!--付費(fèi)閱讀 --> <div class="qoyqs8suu2u" id="payread"> <div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div> <div id="qoyqs8suu2u" class="layui-form-item"><button class="btn-right">支付并查看</button></div> </div> <script> var prei=0; $(".site-seo-depict pre").each(function(){ var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">',''); $(this).attr('data-clipboard-text',html).attr("id","pre"+prei); $(this).html("").append("<code>"+html+"</code>"); prei++; }) $(".site-seo-depict img").each(function(){ if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){ $(this).remove(); } }) $("LINK[href*='style-49037e4d27.css']").remove(); $("LINK[href*='markdown_views-d7a94ec6ab.css']").remove(); layui.use(['jquery', 'layer','code'], function(){ $("pre").attr("class","layui-code"); $("pre").attr("lay-title",""); $("pre").attr("lay-skin",""); layui.code(); $(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)"); }); function copycode(target){ var id=$(target).parent().parent().attr("id"); var clipboard = new ClipboardJS("#"+id); clipboard.on('success', function(e) { e.clearSelection(); alert("復(fù)制成功") }); clipboard.on('error', function(e) { alert("復(fù)制失敗") }); } //$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5)); </script> <link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script src="http://systransis.cn/yun/static/js/clipboard.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> function setcode(){ var _html=''; document.querySelectorAll('pre code').forEach((block) => { var _tmptext=$.trim($(block).text()); if(_tmptext!=''){ _html=_html+_tmptext; console.log(_html); } }); } </script> <script> function payread(){ layer.open({ type: 1, title:"付費(fèi)閱讀", shadeClose: true, content: $('#payread') }); } // 舉報(bào) function jupao_tip(){ layer.open({ type: 1, title:false, shadeClose: true, content: $('#jubao') }); } $(".getcommentlist").click(function(){ var _id=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); $("#articlecommentlist"+_id).toggleClass("hide"); var flag=$("#articlecommentlist"+_id).attr("dataflag"); if(flag==1){ flag=0; }else{ flag=1; //加載評(píng)論 loadarticlecommentlist(_id,_tid); } $("#articlecommentlist"+_id).attr("dataflag",flag); }) $(".add-comment-btn").click(function(){ var _id=$(this).attr("dataid"); $(".formcomment"+_id).toggleClass("hide"); }) $(".btn-sendartcomment").click(function(){ var _aid=$(this).attr("dataid"); var _tid=$(this).attr("datatid"); var _content=$.trim($(".commenttext"+_aid).val()); if(_content==''){ alert("評(píng)論內(nèi)容不能為空"); return false; } var touid=$("#btnsendcomment"+_aid).attr("touid"); if(touid==null){ touid=0; } addarticlecomment(_tid,_aid,_content,touid); }) $(".button_agree").click(function(){ var supportobj = $(this); var tid = $(this).attr("id"); $.ajax({ type: "GET", url:"http://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid, cache: false, success: function(hassupport){ if (hassupport != '1'){ $.ajax({ type: "GET", cache:false, url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid, success: function(comments) { supportobj.find("span").html(comments+"人贊"); } }); }else{ alert("您已經(jīng)贊過"); } } }); }); function attenquestion(_tid,_rs){ $.ajax({ //提交數(shù)據(jù)的類型 POST GET type:"POST", //提交的網(wǎng)址 url:"http://systransis.cn/yun/favorite/topicadd.html", //提交的數(shù)據(jù) data:{tid:_tid,rs:_rs}, //返回?cái)?shù)據(jù)的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在請求之前調(diào)用的函數(shù) beforeSend:function(){}, //成功返回之后調(diào)用的函數(shù) success:function(data){ var data=eval("("+data+")"); console.log(data) if(data.code==2000){ layer.msg(data.msg,function(){ if(data.rs==1){ //取消收藏 $(".layui-layer-tips").attr("data-tips","收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>'); } if(data.rs==0){ //收藏成功 $(".layui-layer-tips").attr("data-tips","已收藏文章"); $(".layui-layer-tips").html('<i class="fa fa-heart"></i>') } }) }else{ layer.msg(data.msg) } } , //調(diào)用執(zhí)行后調(diào)用的函數(shù) complete: function(XMLHttpRequest, textStatus){ postadopt=true; }, //調(diào)用出錯(cuò)執(zhí)行的函數(shù) error: function(){ //請求出錯(cuò)處理 postadopt=false; } }); } </script> <footer> <div id="qoyqs8suu2u" class="layui-container"> <div id="qoyqs8suu2u" class="flex_box_zd"> <div id="qoyqs8suu2u" class="left-footer"> <h6><a href="http://systransis.cn/"><img src="http://systransis.cn/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="qoyqs8suu2u" class="right-footer layui-hidemd"> <ul class="flex_box_zd"> <li> <h6>UCloud與云服務(wù)</h6> <p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p> <p><a >加入我們</a></p> <p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p> <p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/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 >Pinex</a></p> <p><a >AI繪畫</a></p> </li> <li> <h6>社區(qū)欄目</h6> <p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p> <p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li> <li> <h6>常見問題</h6> <p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p> <p><a href="http://systransis.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p> <p><a href="http://systransis.cn/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="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 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> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DZSMXQ3P9N'); </script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script></div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</a> <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="eemgy" class="pl_css_ganrao" style="display: none;"><object id="eemgy"></object><code id="eemgy"><em id="eemgy"><del id="eemgy"></del></em></code><tbody id="eemgy"></tbody><li id="eemgy"></li><optgroup id="eemgy"></optgroup><tbody id="eemgy"></tbody><tr id="eemgy"><pre id="eemgy"><td id="eemgy"></td></pre></tr><button id="eemgy"><samp id="eemgy"><tbody id="eemgy"></tbody></samp></button><code id="eemgy"></code><td id="eemgy"></td><abbr id="eemgy"><center id="eemgy"><dd id="eemgy"></dd></center></abbr><tbody id="eemgy"></tbody><td id="eemgy"></td><abbr id="eemgy"></abbr><small id="eemgy"></small><bdo id="eemgy"><abbr id="eemgy"><kbd id="eemgy"></kbd></abbr></bdo><dd id="eemgy"><th id="eemgy"><nav id="eemgy"></nav></th></dd><abbr id="eemgy"></abbr><code id="eemgy"><noframes id="eemgy"><ul id="eemgy"></ul></noframes></code><rt id="eemgy"></rt><menu id="eemgy"></menu><strong id="eemgy"></strong><tr id="eemgy"></tr><object id="eemgy"></object><tfoot id="eemgy"></tfoot><center id="eemgy"></center><dl id="eemgy"></dl><bdo id="eemgy"><option id="eemgy"><kbd id="eemgy"></kbd></option></bdo><pre id="eemgy"><blockquote id="eemgy"><dfn id="eemgy"></dfn></blockquote></pre><source id="eemgy"></source><code id="eemgy"><em id="eemgy"><ul id="eemgy"></ul></em></code><dd id="eemgy"><th id="eemgy"><object id="eemgy"></object></th></dd><rt id="eemgy"><code id="eemgy"><noframes id="eemgy"></noframes></code></rt><dl id="eemgy"><nav id="eemgy"><li id="eemgy"></li></nav></dl><object id="eemgy"></object><source id="eemgy"></source><kbd id="eemgy"><tr id="eemgy"><s id="eemgy"></s></tr></kbd><wbr id="eemgy"></wbr><sup id="eemgy"><center id="eemgy"><dl id="eemgy"></dl></center></sup><delect id="eemgy"></delect><source id="eemgy"><code id="eemgy"><noframes id="eemgy"></noframes></code></source><em id="eemgy"></em><em id="eemgy"></em><kbd id="eemgy"><tr id="eemgy"><wbr id="eemgy"></wbr></tr></kbd><center id="eemgy"></center><cite id="eemgy"></cite><menu id="eemgy"></menu><object id="eemgy"></object><strong id="eemgy"></strong><pre id="eemgy"></pre><xmp id="eemgy"></xmp><menu id="eemgy"></menu><center id="eemgy"></center><source id="eemgy"><strong id="eemgy"><optgroup id="eemgy"></optgroup></strong></source><noscript id="eemgy"></noscript><tbody id="eemgy"></tbody><button id="eemgy"><samp id="eemgy"><tbody id="eemgy"></tbody></samp></button><rt id="eemgy"><code id="eemgy"><noframes id="eemgy"></noframes></code></rt><em id="eemgy"></em><s id="eemgy"></s><fieldset id="eemgy"></fieldset><small id="eemgy"><option id="eemgy"><delect id="eemgy"></delect></option></small><cite id="eemgy"><table id="eemgy"><kbd id="eemgy"></kbd></table></cite><li id="eemgy"></li><pre id="eemgy"><wbr id="eemgy"><fieldset id="eemgy"></fieldset></wbr></pre><tbody id="eemgy"></tbody><table id="eemgy"><tr id="eemgy"><acronym id="eemgy"></acronym></tr></table><small id="eemgy"><option id="eemgy"><delect id="eemgy"></delect></option></small><kbd id="eemgy"><tr id="eemgy"><s id="eemgy"></s></tr></kbd><abbr id="eemgy"></abbr><delect id="eemgy"></delect><blockquote id="eemgy"></blockquote><abbr id="eemgy"></abbr><xmp id="eemgy"></xmp><sup id="eemgy"></sup><acronym id="eemgy"></acronym><button id="eemgy"><samp id="eemgy"><tbody id="eemgy"></tbody></samp></button><del id="eemgy"></del><em id="eemgy"><del id="eemgy"><dfn id="eemgy"></dfn></del></em><tfoot id="eemgy"><input id="eemgy"><tbody id="eemgy"></tbody></input></tfoot><strike id="eemgy"></strike><blockquote id="eemgy"></blockquote><em id="eemgy"></em><td id="eemgy"></td><blockquote id="eemgy"><strike id="eemgy"><input id="eemgy"></input></strike></blockquote><menu id="eemgy"></menu><delect id="eemgy"><tbody id="eemgy"><wbr id="eemgy"></wbr></tbody></delect><strong id="eemgy"></strong><object id="eemgy"></object><noscript id="eemgy"></noscript><fieldset id="eemgy"><menu id="eemgy"><noscript id="eemgy"></noscript></menu></fieldset><strong id="eemgy"></strong><delect id="eemgy"></delect><dl id="eemgy"><nav id="eemgy"><li id="eemgy"></li></nav></dl><dfn id="eemgy"><source id="eemgy"><strong id="eemgy"></strong></source></dfn><strike id="eemgy"><menu id="eemgy"><tbody id="eemgy"></tbody></menu></strike><samp id="eemgy"></samp><center id="eemgy"></center><em id="eemgy"><del id="eemgy"><tfoot id="eemgy"></tfoot></del></em><noframes id="eemgy"></noframes></div> <script src="http://systransis.cn/yun/static/theme/ukd/js/common.js"></script> <<script type="text/javascript"> $(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%"); </script> </html>