Estoy usando la representación condicional para decidir si un elemento es visible o no ( hello en este caso). Sin embargo, descubrí que la condición ( added ) es verdadera cuando se imprime en la consola, pero hello no aparece. Aquí está mi código en el render() del componente.
render() { let {added}=this.state; console.log(added); return <div style={{ margin: "5px" }}> {added==true && <h1>hello</h1>} </div>; }Muchas gracias
Un poco de información: added es actualizado por el elemento secundario del componente. Creo que se actualizó con éxito ya que la consola imprime el valor esperado.
cambie la lógica como esta, el uso de && se asegurará de que sea verdadero y luego busque otra etiqueta <h1> para representar, de lo contrario, si es falso, no lo represente
render() { let {added}=this.state; console.log(added); return <div style={{ margin: "5px" }}> {added && <h1>hello</h1>} </div>; } si desea utilizar el operador de condiciones ternarias ? : , haz como esta sintaxis,
{added == true ? <h1>hello</h1> : null}