reactjs - React - 添加类和动态类

Question

我有一个简单的 React 按钮，可以打开和关闭类名称。

但是我如何添加其他类，例如

<div className={this.state.active ? this.state.feature : null} "another-class">

我可以添加它们而不是 null，但我希望该类位于切换类之上

export default class Feature extends React.Component {

  state = {
    feature: this.props.otf,
    active: false,
  }

  toggleClass = () => {
    const currentState = this.state.active;
    this.setState({ active: !currentState });
  };

  render() {
    return (
      <div className="feature">
        <button onClick={this.toggleClass} ></button>

        <div className={this.state.active ? this.state.feature : null} >

        </div>

      </div>
    )
  }
}

Answer 1

您可以执行以下操作:

<div className={`${this.state.active ? 'is-active': ''} class1 class2 class3`}>Content</div>