React中classnames库使用

源码 2024-10-9 11:54:35 1110 1
迩来在写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值将不会包罗在输出中。
评论
登录 后才能评论
感谢作者分享。
2024-11-15 21:33:07 回复 回复

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

GMT+8, 2025-8-8 20:05, Processed in 0.103327 second(s), 33 queries.© 2003-2025 cbk Team.

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