pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

  • <i id='fM6Qv'><tr id='fM6Qv'><dt id='fM6Qv'><q id='fM6Qv'><span id='fM6Qv'><b id='fM6Qv'><form id='fM6Qv'><ins id='fM6Qv'></ins><ul id='fM6Qv'></ul><sub id='fM6Qv'></sub></form><legend id='fM6Qv'></legend><bdo id='fM6Qv'><pre id='fM6Qv'><center id='fM6Qv'></center></pre></bdo></b><th id='fM6Qv'></th></span></q></dt></tr></i><div class="wcgkamw" id='fM6Qv'><tfoot id='fM6Qv'></tfoot><dl id='fM6Qv'><fieldset id='fM6Qv'></fieldset></dl></div>
      <bdo id='fM6Qv'></bdo><ul id='fM6Qv'></ul>

  • <legend id='fM6Qv'><style id='fM6Qv'><dir id='fM6Qv'><q id='fM6Qv'></q></dir></style></legend>
  • <tfoot id='fM6Qv'></tfoot>

      <small id='fM6Qv'></small><noframes id='fM6Qv'>

      1. 如何從 React 訪問樣式?

        How to Access styles from React?(如何從 React 訪問樣式?)

          <tbody id='sX7OD'></tbody>
        <tfoot id='sX7OD'></tfoot>

          <i id='sX7OD'><tr id='sX7OD'><dt id='sX7OD'><q id='sX7OD'><span id='sX7OD'><b id='sX7OD'><form id='sX7OD'><ins id='sX7OD'></ins><ul id='sX7OD'></ul><sub id='sX7OD'></sub></form><legend id='sX7OD'></legend><bdo id='sX7OD'><pre id='sX7OD'><center id='sX7OD'></center></pre></bdo></b><th id='sX7OD'></th></span></q></dt></tr></i><div class="wseuae0" id='sX7OD'><tfoot id='sX7OD'></tfoot><dl id='sX7OD'><fieldset id='sX7OD'></fieldset></dl></div>

            • <legend id='sX7OD'><style id='sX7OD'><dir id='sX7OD'><q id='sX7OD'></q></dir></style></legend>
                  <bdo id='sX7OD'></bdo><ul id='sX7OD'></ul>

                  <small id='sX7OD'></small><noframes id='sX7OD'>

                • 本文介紹了如何從 React 訪問樣式?的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧!

                  問題描述

                  我試圖在 React 中訪問 div 的寬度和高度樣式,但我遇到了一個問題.這是我到目前為止得到的:

                  componentDidMount() {console.log(this.refs.container.style);}使成為()  {返回 (<div ref={"container"} className={"container"}></div>//設(shè)置參考);}

                  這可行,但我得到的輸出是一個 CSSStyleDeclaration 對象,在 all 屬性中,我可以為該對象設(shè)置所有 CSS 選擇器,但它們都沒有設(shè)置.它們都設(shè)置為空字符串.

                  這是 CSSStyleDecleration 的輸出:http://pastebin.com/wXRPxz5p

                  任何有關(guān)查看實際樣式(事件繼承的樣式)的幫助將不勝感激!

                  謝謝!

                  解決方案

                  For React v <= 15

                  console.log(ReactDOM.findDOMNode(this.refs.container).style);//反應(yīng) v >0.14console.log(React.findDOMNode(this.refs.container).style);//React v <= 0.13.3

                  <塊引用>

                  用于獲取具體的樣式值

                  console.log(window.getComputedStyle(ReactDOM.findDOMNode(this.refs.container)).getPropertyValue("border-radius"));//border-radius 可以替換為任何其他樣式屬性;

                  <塊引用>

                  對于反應(yīng) v>= 16

                  使用回調(diào)樣式或使用 createRef() 分配 ref.

                  assignRef = element =>{this.container = 元素;}getStyle = () =>{常量樣式 = this.container.style;控制臺.log(樣式);//用于獲取計算樣式const computed = window.getComputedStyle(this.container).getPropertyValue("border-radius"));//border-radius 可以替換為任何其他樣式屬性;控制臺.log(計算);}

                  I am trying to access the width and height styles of a div in React but I have been running into one problem. This is what I got so far:

                  componentDidMount()  {
                    console.log(this.refs.container.style);     
                  }
                  
                  
                  render()  {
                     return (
                        <div ref={"container"} className={"container"}></div>  //set reff
                     );
                  }
                  

                  This works but the output that I get is a CSSStyleDeclaration object and in the all property I can all the CSS selectors for that object but they none of them are set. They are all set to an empty string.

                  This is the output of the CSSStyleDecleration is: http://pastebin.com/wXRPxz5p

                  Any help on getting to see the actual styles (event inherrited ones) would be greatly appreciated!

                  Thanks!

                  解決方案

                  For React v <= 15

                  console.log( ReactDOM.findDOMNode(this.refs.container).style); //React v > 0.14
                  
                  console.log( React.findDOMNode(this.refs.container).style);//React v <= 0.13.3
                  

                  EDIT:

                  For getting the specific style value

                  console.log(window.getComputedStyle(ReactDOM.findDOMNode(this.refs.container)).getPropertyValue("border-radius"));// border-radius can be replaced with any other style attributes;
                  

                  For React v>= 16

                  assign ref using callback style or by using createRef().

                  assignRef = element => {
                    this.container = element;
                  }
                  getStyle = () => {
                  
                    const styles = this.container.style;
                    console.log(styles);
                    // for getting computed styles
                    const computed = window.getComputedStyle(this.container).getPropertyValue("border-radius"));// border-radius can be replaced with any other style attributes;
                    console.log(computed);
                  }
                  

                  這篇關(guān)于如何從 React 訪問樣式?的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持html5模板網(wǎng)!

                  【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題,如果有圖片或者內(nèi)容侵犯了您的權(quán)益,請聯(lián)系我們刪除處理,感謝您的支持!

                  相關(guān)文檔推薦

                  Use IScroll in Angular 2 / Typescript(在 Angular 2/Typescript 中使用 IScroll)
                  anime.js not working in Ionic 3 project(Anime.js 在 Ionic 3 項目中不起作用)
                  Ionic 3 - Update Observable with Asynchronous Data(Ionic 3 - 使用異步數(shù)據(jù)更新 Observable)
                  Angular 2: file not found on local .json file(Angular 2:在本地 .json 文件中找不到文件)
                  In Ionic 2, how do I create a custom directive that uses Ionic components?(在 Ionic 2 中,如何創(chuàng)建使用 Ionic 組件的自定義指令?)
                  Use ViewChild for dynamic elements - Angular 2 amp; ionic 2(將 ViewChild 用于動態(tài)元素 - Angular 2 amp;離子2)
                • <small id='QlyXc'></small><noframes id='QlyXc'>

                  1. <legend id='QlyXc'><style id='QlyXc'><dir id='QlyXc'><q id='QlyXc'></q></dir></style></legend>
                    • <i id='QlyXc'><tr id='QlyXc'><dt id='QlyXc'><q id='QlyXc'><span id='QlyXc'><b id='QlyXc'><form id='QlyXc'><ins id='QlyXc'></ins><ul id='QlyXc'></ul><sub id='QlyXc'></sub></form><legend id='QlyXc'></legend><bdo id='QlyXc'><pre id='QlyXc'><center id='QlyXc'></center></pre></bdo></b><th id='QlyXc'></th></span></q></dt></tr></i><div class="yuy2ayo" id='QlyXc'><tfoot id='QlyXc'></tfoot><dl id='QlyXc'><fieldset id='QlyXc'></fieldset></dl></div>
                    • <tfoot id='QlyXc'></tfoot>

                        <bdo id='QlyXc'></bdo><ul id='QlyXc'></ul>
                          <tbody id='QlyXc'></tbody>

                            主站蜘蛛池模板: 沈阳真空机_沈阳真空包装机_沈阳大米真空包装机-沈阳海鹞真空包装机械有限公司 | led冷热冲击试验箱_LED高低温冲击试验箱_老化试验箱-爱佩百科 | 全自动端子机|刺破式端子压接机|全自动双头沾锡机|全自动插胶壳端子机-东莞市傅氏兄弟机械设备有限公司 | 3d打印服务,3d打印汽车,三维扫描,硅胶复模,手板,快速模具,深圳市精速三维打印科技有限公司 | 免联考国际MBA_在职MBA报考条件/科目/排名-MBA信息网 | 反渗透阻垢剂-缓蚀阻垢剂厂家-循环水处理药剂-山东鲁东环保科技有限公司 | 接地电阻测试仪[厂家直销]_电缆故障测试仪[精准定位]_耐压测试仪-武汉南电至诚电力设备 | 我车网|我关心的汽车资讯_汽车图片_汽车生活! | 石家庄律师_石家庄刑事辩护律师_石家庄取保候审-河北万垚律师事务所 | 消泡剂_水处理消泡剂_切削液消泡剂_涂料消泡剂_有机硅消泡剂_广州中万新材料生产厂家 | 深圳公司注册-工商注册公司-千百顺代理记账公司 | GAST/BRIWATEC/CINCINNATI/KARL-KLEIN/ZIEHL-ABEGG风机|亚喜科技 | 权威废金属|废塑料|废纸|废铜|废钢价格|再生资源回收行情报价中心-中废网 | 阿里巴巴诚信通温州、台州、宁波、嘉兴授权渠道商-浙江联欣科技提供阿里会员办理 | 西安标准厂房_陕西工业厂房_西咸新区独栋厂房_长信科技产业园官方网站 | 气象监测系统_气象传感器_微型气象仪_气象环境监测仪-山东风途物联网 | 钢托盘,铁托盘,钢制托盘,镀锌托盘,饲料托盘,钢托盘制造商-南京飞天金属13260753852 | BAUER减速机|ROSSI-MERSEN熔断器-APTECH调压阀-上海爱泽工业设备有限公司 | 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | 聚丙烯酰胺PAM-聚合氯化铝PAC-絮凝剂-河南博旭环保科技有限公司 巨野电机维修-水泵维修-巨野县飞宇机电维修有限公司 | 铝板冲孔网,不锈钢冲孔网,圆孔冲孔网板,鳄鱼嘴-鱼眼防滑板,盾构走道板-江拓数控冲孔网厂-河北江拓丝网有限公司 | 北京普辉律师事务所官网_北京律师24小时免费咨询|法律咨询 | 液压中心架,数控中心架,自定心中心架-烟台恒阳机电设计有限公司 行星搅拌机,双行星搅拌机,动力混合机,无锡米克斯行星搅拌机生产厂家 | 卡诺亚轻高定官网_卧室系统_整家定制_定制家居_高端定制_全屋定制加盟_定制家具加盟_定制衣柜加盟 | 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | 煤矿支护网片_矿用勾花菱形网_缝管式_管缝式锚杆-邯郸市永年区志涛工矿配件有限公司 | 美的商用净水器_美的直饮机_一级代理经销商_Midea租赁价格-厂家反渗透滤芯-直饮水批发品牌售后 | 压接机|高精度压接机|手动压接机|昆明可耐特科技有限公司[官网] 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 传递窗_超净|洁净工作台_高效过滤器-传递窗厂家广州梓净公司 | 西点培训学校_法式西点培训班_西点师培训_西点蛋糕培训-广州烘趣西点烘焙培训学院 | 智能楼宇-楼宇自控系统-楼宇智能化-楼宇自动化-三水智能化 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 大功率金属激光焊接机价格_不锈钢汽车配件|光纤自动激光焊接机设备-东莞市正信激光科技有限公司 定制奶茶纸杯_定制豆浆杯_广东纸杯厂_[绿保佳]一家专业生产纸杯碗的厂家 | 油液红外光谱仪-油液监测系统-燃油嗅探仪-上海冉超光电科技有限公司 | 桥架-槽式电缆桥架-镀锌桥架-托盘式桥架 - 上海亮族电缆桥架制造有限公司 | 反渗透水处理设备|工业零排放|水厂设备|软化水设备|海南净水设备--海南水处理设备厂家 | 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 肉嫩度仪-凝胶测试仪-国产质构仪-气味分析仪-上海保圣实业发展有限公司|总部 | LED灯杆屏_LED广告机_户外LED广告机_智慧灯杆_智慧路灯-太龙智显科技(深圳)有限公司 | 带式压滤机_污泥压滤机_污泥脱水机_带式过滤机_带式压滤机厂家-河南恒磊环保设备有限公司 | 超声波焊接机_超音波熔接机_超声波塑焊机十大品牌_塑料超声波焊接设备厂家 |