react官方推荐的classnames库

_kyle

发布于 2020-08-24 12:03:01

2.9K0

文章被收录于专栏：kyle的专栏kyle的专栏

一、为什么使用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/>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

https