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';
    
}

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...