You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/conditional-rendering.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ En React, puedes crear distintos componentes que encapsulan el comportamiento qu
12
12
13
13
El renderizado condicional en React funciona de la misma forma que lo hacen las condiciones en JavaScript. Usa operadores de JavaScript como [`if`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else) o el [operador condicional](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Conditional_Operator) para crear elementos representando el estado actual, y deja que React actualice la UI para emparejarlos.
14
14
15
-
Considera estos dos componentes::
15
+
Considera estos dos componentes:
16
16
17
17
```js
18
18
functionUserGreeting(props) {
@@ -113,9 +113,9 @@ ReactDOM.render(
113
113
114
114
[**Pruébalo en CodePen**](https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
115
115
116
-
Si bien declarar una variable y usar una sentencia `if` es una buena forma de renderizar condicionalmente un componente, a veces podrías querer usar una sintaxis más corta. Hay algunas formas de hacer condiciones en una misma línea en JSX, explicadas a continuación.
116
+
Si bien declarar una variable y usar una sentencia `if` es una buena forma de renderizar condicionalmente un componente, a veces podrías querer usar una sintaxis más corta. Hay algunas formas de hacer condiciones en una línea en JSX, explicadas a continuación.
117
117
118
-
### If en la misma línea con operador lógico &&
118
+
### If en una línea con operador lógico &&
119
119
120
120
Puedes [embeber cualquier expresión en JSX](/docs/introducing-jsx.html#embedding-expressions-in-jsx) envolviéndola en llaves. Esto incluye al operador lógico `&&` de JavaScript. Puede ser útil para incluir condicionalmente un elemento:
@@ -149,7 +149,7 @@ Por eso, si la condición es `true`, el elemento justo después de `&&` aparecer
149
149
150
150
### If-Else en una línea con operador condicional
151
151
152
-
Otro método para el renderizado condicional en una misma línea de elementos es usar el operador condicional [`condición ? true : false`](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Conditional_Operator) de JavaScript.
152
+
Otro método para el renderizado condicional de elementos en una línea es usar el operador condicional [`condición ? true : false`](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Conditional_Operator) de JavaScript.
153
153
154
154
En el siguiente ejemplo, lo usaremos para renderizar de forma condicional un pequeño bloque de texto.
0 commit comments