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中需这样使用

  • 相关阅读:
    HDU
    稀疏表(ST / Sparse Table)
    HDU
    HDU
    树状数组
    用 BitArray 来编写埃拉托斯特尼筛法
    BitArray 内置是逆序存储, 因此要自行实现正序输出
    位运算,位移,窗体
    按位运算,窗体程序,And,Or,Xor
    基数排序
  • 原文地址:https://www.cnblogs.com/shiyunfront/p/7337822.html
Copyright © 2011-2022 走看看