React中classnames库使用

源码 · 2024-10-9 11:54:35

迩来在写React的项目中，看到之前的大佬引入的classnames组件库，特殊的实用，在此跟各人分享一下。
从名字上可以看出，这个库是和类名有关的。官方的先容就是一个简单的支持动态多类名的工具库。
classnames的引入

支持使用 npm, Bower, or Yarn
使用 npm安装

npm install classnames
使用 Bower安装

bower install classnames
使用 Yarn安装

yarn add classnames
引入

import classnames from ‘classnames’;
使用 Node.js, Browserify, or webpack:

var classNames = require('classnames');
classNames('foo', 'bar'); // => 'foo bar'
classnames函数的使用

classNames 函数继续恣意数量的参数，可以是string、boolean、number、array、dictionary等。
参数 'foo' 是 { foo: true } 的缩写。假如与给定键关联的值是false的，则该key值将不会包罗在输出中。

React中classnames库使用

所属分类: 问答交流

新帖推荐: 30日

推荐作品