PropTypes en React v15.5.0
PropTypes en React v15.5.0
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!


En este tutorial vamos a ver de que forma podemos definir Condicionales en ReactJS para saber si debemos o no mostrar datos en el método render de un componente.

La sintaxis para crear condicionales en ReactJS es diferente a la del resto de lenguajes con los que trabajo habitualmente y es la siguiente.

Es decir, si condition es true, hacemos algo, con && le decimos que entonces haz lo siguiente.

Un ejemplo completo de uso sería el siguiente componente donde mostramos un listado de usuarios dependiendo de una propiedad almacenada en el estado del componente.

Por lo tanto, en el ejemplo anterior los usuarios serán mostrados únicamente cuando show sea true.

Recuerda que es necesario utilizar la palabra clave return para que el map se ejecute correctamente o aparte de tener un warning no podremos ver el listado de usuarios.

[symple_callout fade_in=”false” button_text=”Acceder” button_url=”https://www.uno-de-piera.com/curso-de-reactjs-para-iniciarte-desde-0/” button_color=”teal” button_size=”medium” button_border_radius=”3px” button_target=”self” button_rel=”” button_icon_left=”fa-fire” button_icon_right=”fa-fire”]Accede ahora al curso de ReactJS desde 0[/symple_callout]