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

最新推荐文章于 2025-03-26 16:24:52 发布

原创最新推荐文章于 2025-03-26 16:24:52 发布 · 306 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#React #px #dangerousStyleValue #isUnitlessNumber

React 专栏收录该内容

7 篇文章

订阅专栏

前面一篇《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';
    
}