JS-classnames库-动态构建类名

Github 仓库地址

介绍

classnames 是一个 JavaScript 库, 其提供一种简洁的语法来根据条件动态构建 CSS 类名字符串.

导入

先拉取:

npm install classnames

使用如:

import classNames from 'classnames';

示例

import classNames from 'classnames';

function App() {
  const str = classNames("hello", {world: true})
  return (
    <div className="app">
      {str}
    </div>
  )
}

export default App

classNames 接受多个参数, 每个参数会用 空格衔接, 若其中一个参数是一个对象, 则 “键” 是用于拼接的类名, “值” 是判断条件.