如何在React的嵌套组件中使用clsx

npm install clsx

import clsx from 'clsx';

const classes = clsx('class1', 'class2');

const isActive = true;
const classes = clsx({
  'class1': isActive,
  'class2': !isActive,
});

const isActive = true;
const classes = clsx([
  'class1',
  {
    'class2': isActive,
    'class3': !isActive,
  },
]);

return (
  <div className={classes}>
    {/* 内容 */}
  </div>
);