react官方推荐的classnames库

一、为什么使用classnames这个库

在react开发中,我们有的时候需要使用js来动态判断是否为组件添加class(类名),这里我们使用到了classnames

二、学习网址

https://www.npmjs.com/package/classnames
https://github.com/JedWatson/classnames

三、安装与引入

安装

npm install classnames --save

引入

import classnames  from ‘classnames’;

四、使用示例

<Button className={classnames({
    //这里可以根据各属性动态添加,如果属性值为true则为其添加该类名,如果值为false,则不添加。这样达到了动态添加class的目的
      base: true,
      inProgress: this.props.store.submissionInProgress,
      error: this.props.store.errorOccurred,
      disabled: this.props.form.valid,
    })}>
<Button/>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,715评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,483评论 2 59
  • 图文/大菲 冬日的黄昏,天色显凉。街上的人都已归家,我给娃裹上棉衣,带上小红棉帽,抱着她来到小广场散步,趁着落日还...
    Arphie阅读 4,155评论 12 18
  • (万尚学习会) 打卡第36天 姓名:鲁瑶丽 部门:业务部 组别:利他一组 【知~学习】 活法 第三章 磨砺心智的六...
    AliceWellin阅读 864评论 0 0
  • 要说传统媒体圈,2018年年初最热闹的事情是什么,无疑就是2月份的时候,老牌杂志《三联生活周刊》旗下的手机阅读AP...
    陌城黑雨阅读 3,916评论 0 3