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

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....