classnames插件

classnames插件可以通过安装和导入来使用。你可以使用npm或者yarn来安装classnames插件。安装完成后，你可以在你的代码中导入classnames模块，并使用它来生成动态的CSS类名。

1. 安装classnames插件：

npm install classnames

2. 导入classnames模块：

import classNames from 'classnames';

3. 使用classnames生成动态的CSS类名：

const isActive = true;
const isDisabled = false;

const buttonClass = classNames('button', {
  'active': isActive,
  'disabled': isDisabled
});

console.log(buttonClass); // 输出: "button active"

在上面的示例中，我们使用classnames函数来生成CSS类名。第一个参数是一个静态的CSS类名，第二个参数是一个对象，用于根据条件来生成动态的CSS类名。在这个例子中，我们根据isActive和isDisabled的值来生成动态的CSS类名。如果isActive为true，则生成的CSS类名中包含"active"，如果isDisabled为true，则生成的CSS类名中包含"disabled"。最后，我们将生成的CSS类名赋值给buttonClass变量，并打印它的值。