Solo quiero que se muestre un div en particular si showHideClassName está establecido en el valor de true . Tengo este código en mi aplicación React para que un div se muestre o no dependiendo del estado de showHideClassName :
render() { ... const showHideClassName = showPrompt ? 'show-div' : 'display-none'; return ( <div className={showHideClassName}> ... </div> ); }Sin embargo, el div siempre está visible. ¿Hay alguna manera de que pueda hacer que esto funcione como deseo?
No tengo display-none en mi css. Ahora que he agregado lo siguiente, funciona como se desea.
.display-none { display: none; }