Skip to main content

clsx

简介

用来判断判断类名是否合法的,最终返回合法的类名,

import clsx from 'clsx';
// or
import { clsx } from 'clsx';

// 通过字符串判断
clsx('foo', true && 'bar', 'baz');
//=> 'foo bar baz'

// 通过对象1判断
clsx({ foo:true, bar:false, baz:isTrue() });
//=> 'foo baz'

// 通过对象2判断
clsx({ foo:true }, { bar:false }, null, { '--foobar':'hello' });
//=> 'foo --foobar'

// 通过数组判断1
clsx(['foo', 0, false, 'bar']);
//=> 'foo bar'

// 通过数组判断2
clsx(['foo'], ['', 0, false, 'bar'], [['baz', [['hello'], 'there']]]);
//=> 'foo bar baz hello there'

// 混合模式判断
clsx('foo', [1 && 'bar', { baz:false, bat:null }, ['hello', ['world']]], 'cya');
//=> 'foo bar hello world cya'