React教程系列之原理篇 -- 为什么有的不会自动加px

最新推荐文章于 2024-09-01 08:24:54 发布

iteye_2245

最新推荐文章于 2024-09-01 08:24:54 发布

阅读量259

点赞数

分类专栏： React 文章标签： React px dangerousStyleValue isUnitlessNumber

本文链接：https://blog.csdn.net/iteye_2245/article/details/82572777

版权

React 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前面一篇《React教程系列之初级 -- 指定内联属性中的px 》

那为什么比如lineHeight这种的介绍数字的，但不会自动加px的呢：

var isUnitlessNumber = {
    fillOpacity: true,
    fontWeight: true,
    lineHeight: true,
    opacity: true,
    orphans: true,
    zIndex: true,
    zoom: true
}

var CSSProperty = {
    isUnitlessNumber: isUnitlessNumber
}

function dangerousStyleValue(styleName,value){
     var isEmpty = value == null || typeof value === 'boolean' || value === '';

    if(isEmpty){
         return '';
    }

    var isNonNumeric = isNaN(value);
    if(isNonNumeric || value === 0 || CSSProperty.isUnitlessNumber[styleName]){
        //转成string
        return  '' + value;
    }

    return value + 'px';
    
}