Skip to content

Commit d3e9f9d

Browse files
committed
Rodrigo Ali - Addressing PR comments regarding snippets words, reviewed spanish grammar again. Minor changes.
1 parent c5348a2 commit d3e9f9d

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

content/docs/conditional-rendering.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ En React, puedes crear distintos componentes que encapsulan el comportamiento qu
1212

1313
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.
1414

15-
Considera estos dos componentes::
15+
Considera estos dos componentes:
1616

1717
```js
1818
function UserGreeting(props) {
@@ -113,9 +113,9 @@ ReactDOM.render(
113113

114114
[**Pruébalo en CodePen**](https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
115115

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.
117117

118-
### If en la misma línea con operador lógico &&
118+
### If en una línea con operador lógico &&
119119

120120
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:
121121

@@ -134,7 +134,7 @@ function Mailbox(props) {
134134
);
135135
}
136136
137-
const mensajes = ['React', 'Re: React', 'Re:Re: React'];
137+
const messages = ['React', 'Re: React', 'Re:Re: React'];
138138
ReactDOM.render(
139139
<Mailbox unreadMessages={messages} />,
140140
document.getElementById('root')
@@ -149,7 +149,7 @@ Por eso, si la condición es `true`, el elemento justo después de `&&` aparecer
149149

150150
### If-Else en una línea con operador condicional
151151

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.
153153

154154
En el siguiente ejemplo, lo usaremos para renderizar de forma condicional un pequeño bloque de texto.
155155

@@ -172,9 +172,9 @@ render() {
172172
return (
173173
<div>
174174
{isLoggedIn ? (
175-
<LogoutButton onClick={this.manejarClickCierreSesion} />
175+
<LogoutButton onClick={this.handleLogoutClick} />
176176
) : (
177-
<LoginButton onClick={this.manejarClickInicioSesion} />
177+
<LoginButton onClick={this.handleLoginClick} />
178178
)}
179179
</div>
180180
);
@@ -225,7 +225,7 @@ class Page extends React.Component {
225225
}
226226
227227
ReactDOM.render(
228-
<Pagina />,
228+
<Page />,
229229
document.getElementById('root')
230230
);
231231
```

0 commit comments

Comments
 (0)