在添加第二個類時發生語法錯誤Toggle

Question

如何添加第二個類到我的<div>「按鈕」如果我追加'toggle-button'類不起作用。

<CSSTransitionGroup 
    transitionName="buttonAninmated" 
    transitionEnterTimeout={300} 
    transitionLeaveTimeout={300} 
> 
    <div className={['toggle-button', this.state.active ? 'active-button': null]} onClick={this.toggleMenu}> 
     <span></span> 
     <span></span> 
     <span></span> 
    </div> 
</CSSTransitionGroup> 

Answer 1

寫它通過使用template literals：

className = {`toggle-button ${this.state.active ? `active-button` : ``}`} 

或者，它通過使用+寫：

className = {"toggle-button " + this.state.active ? "active-button" : ""} 

要申請多個類，寫所有的類名空格分隔。

Answer 2

<div className={"toggle-button " + (this.state.active ? 'active-button' : '')}> 

音符撥動按鈕後，空間