zoukankan      html  css  js  c++  java
  • classnames

    React中编写模板时给标签添加class。

    如果是固定的className="XX"就可以了。

    如果要根据状态值动态应用或去除,

    或使用多个class时就麻烦了。

    可以使用classnames模块来解决:

    var classnamesrequire('classnames');
    classnames('foo''bar')// => 'foo bar' 
    classNames('foo'{ bartrue })// => 'foo bar' 
    classNames('foo-bar'true })// => 'foo-bar' 
    classNames('foo-bar'false })// => '' 
    classNames({ footrue }{ bartrue })// => 'foo bar' 
    classNames({ footrue, bartrue })// => 'foo bar' 
    classNames('foo'{ bartrue, duckfalse }'baz'{ quuxtrue })// => 'foo bar baz quux' 
    classNames(nullfalse'bar'undefined01{ baznull }'')// => 'bar 1' 
    classNames('a',['b',{c:true}])
     
    它有多种使用,参数要以是多个,可以是字符串,也可以是对象,还可以是数组。组成使用也可以
    ,通过值的true false来判断是否应用
     

    <div className={classnames('h1 h2')} >

    className={classnames({'a':true,'b':false})}

    react中需这样使用

  • 相关阅读:
    如何实现EndNote中的PDF批量导出
    UltraEdit 编译输出中文乱码的解决办法
    史密斯(smith)圆图讲解
    OpenFlow
    网络虚拟化-简介
    java util包概述
    内存四区分析
    理解Java接口
    Ubuntu14.04安装wineqq国际版
    使用注解来构造IoC容器
  • 原文地址:https://www.cnblogs.com/shiyunfront/p/7337822.html
Copyright © 2011-2022 走看看