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

如何添加第二個類到我的<div>「按鈕」如果我追加'toggle-button'類不起作用。在添加第二個類時發生語法錯誤Toggle

<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>

來源

2017-06-06 Alex

寫它通過使用template literals：

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

或者，它通過使用+寫：

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

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

來源

2017-06-06 06:50:20

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

音符撥動按鈕後，空間

來源

2017-06-06 06:51:44

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

回答

相關問題