美文网首页react/react-native
react官方推荐的classnames库

react官方推荐的classnames库

作者: 422ccfa02512 | 来源:发表于2018-09-20 18:26 被阅读43次

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

    相关文章

      网友评论

        本文标题:react官方推荐的classnames库

        本文链接:https://www.haomeiwen.com/subject/hzbnnftx.html