React中classnames库使用

源码 2024-10-9 11:54:35 96 0 来自 中国
迩来在写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值将不会包罗在输出中。
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-10-18 16:43, Processed in 0.169582 second(s), 33 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表