在React中，你可以使用条件语句来动态确定组件的className。以下是一些示例代码，演示了不同的方法来实现这个目标：

1. 使用ES6模板字符串：

jsxconst myComponent = () => {
  const isActive = true;
  return <div className={`${isActive ? 'active' : ''} my-component`}>Hello World!</div>;
};

2. 使用join组成字符串：

jsxconst myComponent = () => {
  const isActive = true;
  const classNames = isActive ? ['active', 'my-component'] : ['my-component'];
  return <div className={classNames.join(' ')}>Hello World!</div>;
};

3. 使用字符串：

jsxconst myComponent = () => {
  const isActive = true;
  const className = isActive ? 'active my-component' : 'my-component';
  return <div className={className}>Hello World!</div>;
};

4. 使用classnames模块：

首先需要安装classnames库，可以通过以下命令安装：

bashnpm install classnames

然后可以在组件中使用它：

jsximport classnames from 'classnames';

const myComponent = () => {
  const isActive = true;
  const className = classnames('my-component', { active: isActive });
  return <div className={className}>Hello World!</div>;
};

以上代码中，根据isActive变量的值来动态确定组件的className。如果isActive为true，则组件的className为"active my-component"，否则为"my-component"。你可以根据自己的需求选择其中一种方法来实现条件className判断。