我試圖在移動視圖中隱藏 div 我正在使用三元運算子,但出現錯誤我無法完全隱藏 div,因為它里面已經有一個三元運算子,我怎么能做到這一點
{this.state.hidediv?
(<div className="livechat">): (<div className="livechat2">)
} //error here
{this.state.hidecaht ? (
<>
<a
href="#"
className="close"
onClick={() => this.hidechat(true)}
></a>
<Livechat id={this.state.liveid} />
</>
) : null}
</div>
livechat2 有 css display:none 所以它不會出現
圖片
uj5u.com熱心網友回復:
問題是你給了一個未關閉的標簽,試試這個:
<div className={this.state.hidediv ? "livechat" : "livechat2"}>
{this.state.hidecaht &&
<>
<a
href="#"
className="close"
onClick={() => this.hidechat(true)}
></a>
<Livechat id={this.state.liveid} />
</>
}
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/397921.html
標籤:javascript 反应
