React教程系列之中级 -- classSet原理

本文载录一段cx的实现原理:

function cx(classNames){
    //其实一般参数都是object
    if(typeof classNames == 'object'){
       //核心还是在这:classNames[className]--  这个是一个boolean值
       //最后返回一个字符串
       return Object.keys(classNames).map(function(className){
             return classNames[className] ? className : '';
       }).join(' ');
    }else{
       return Array.prototype.join.call(arguments,' ');
    }
}

module.exports = cx;
var cx = require("./cx");
React.addons = {
     classSet: cx
};

相关文章

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