Estoy tratando de ocultar un div cuando está en la vista móvil. Estoy usando un operador interno y recibo un error. No puedo ocultar completamente el div porque ya tiene un operador interno. ¿Cómo puedo lograr esto?
{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 tiene css display: none, por lo que no aparecerá
El problema es que le das una etiqueta sin cerrar, prueba esto:
<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>