react 动态 className 写法

React中动态设置className的写法可以有以下几种：

1. 字符串拼接：

const isActive = true;
const className = 'button ' + (isActive ? 'active' : '');
return <button className={className}>Click me!</button>;

2. 数组拼接：

const isActive = true;
const classes = ['button'];
if (isActive) {
  classes.push('active');
}
return <button className={classes.join(' ')}>Click me!</button>;

3. 模板字符串：

const isActive = true;
const className = `button ${isActive ? 'active' : ''}`;
return <button className={className}>Click me!</button>;

以上三种方法都可以根据不同的条件动态设置className。其中，第二种方法可以更方便地添加多个class，而第三种方法则可以使用模板字符串的灵活性快速拼接不同的类名。