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

 

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