Representación condicional en React

Cómo generar dinámicamente algo en lugar de otra cosa en React

En un componente React JSX puedes decidir dinámicamente generar algún componente u otro, o solo una parte de JSX, en función de condicionales.

La forma más común es probablemente el operador ternario:

const Pet = (props) = { return ( {props.isDog ? Dog / : Cat /} )}

Otra forma, que funciona muy bien cuando conceptualmente tienes un ifpero no un elsees usar el operador, que funciona de esta manera: si la expresión anterior se evalúa como verdadera, imprime la expresión posterior:

const Pet = (props) = { return ( {props.isDog Dog /} {props.isCat Cat /} )}

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Representación condicional en React

En un componente React JSX puedes decidir dinámicamente generar algún componente u otro, o solo una parte de JSX, en función de condicionales. Cómo generar

programar

es

https://aprendeprogramando.es/static/images/programar-representacion-condicional-en-react-1882-0.jpg

2025-01-17

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente