0
155
Vistasoperador ternory da error cuando se usa para mostrar u ocultar un div reaccionar js
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á
imagen 
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
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>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta