diff --git a/curriculum/challenges/spanish/03-front-end-libraries/react/access-props-using-this.props.spanish.md b/curriculum/challenges/spanish/03-front-end-libraries/react/access-props-using-this.props.spanish.md index b6d4e12beb..646bd01534 100644 --- a/curriculum/challenges/spanish/03-front-end-libraries/react/access-props-using-this.props.spanish.md +++ b/curriculum/challenges/spanish/03-front-end-libraries/react/access-props-using-this.props.spanish.md @@ -4,14 +4,14 @@ title: Access Props Using this.props challengeType: 6 isRequired: false videoUrl: '' -localeTitle: Acceder a los apoyos usando this.props +localeTitle: Acceder a los props usando this.props --- ## Description -
Los últimos varios desafíos cubrieron las formas básicas de pasar accesorios a los componentes secundarios. Pero, ¿qué sucede si el componente secundario al que le está pasando una propuesta es un componente de clase ES6, en lugar de un componente funcional sin estado? El componente de clase ES6 utiliza una convención ligeramente diferente para acceder a accesorios. Cada vez que refiera a un componente de clase dentro de sí mismo, use this palabra clave. Para acceder a los apoyos dentro de un componente de clase, que Prefacio el código que se utiliza para acceder a ella con this . Por ejemplo, si un componente de clase ES6 tiene una propiedad llamada data , escribe {this.props.data} en JSX.
+
Los últimos desafíos cubrieron las formas básicas de pasar propiedades (props) a los componentes hijo. Pero, ¿qué sucede si el componente hijo al que se le está pasando una propiedad es un class component, en lugar de un componente funcional sin estado? El class component utiliza una convención ligeramente diferente para acceder a props. Cada vez que refiera a un class component dentro de sí mismo, use la palabra clave this. Para acceder a props dentro de un class component, se precede el código que se utiliza para acceder a ella con this . Por ejemplo, si un class component tiene una propiedad llamada data , escribir {this.props.data} en JSX.
## Instructions -
Renderice una instancia del componente ReturnTempPassword en el componente principal ResetPassword . Aquí, ReturnTempPassword a ReturnTempPassword un prop de tempPassword y asígnele un valor de una cadena que tenga al menos 8 caracteres de longitud. Dentro del hijo, ReturnTempPassword , acceda a la propiedad tempPassword dentro de las etiquetas strong para asegurarse de que el usuario vea la contraseña temporal.
+
Renderice una instancia del componente ReturnTempPassword en el componente padre ResetPassword . Aquí, mandar a ReturnTempPassword un prop de tempPassword y asígnele un valor de una cadena que tenga al menos 8 caracteres de longitud. Dentro del hijo, ReturnTempPassword , acceda a la propiedad tempPassword dentro de las etiquetas strong para asegurarse de que el usuario vea la contraseña temporal.
## Tests
@@ -47,9 +47,9 @@ class ReturnTempPassword extends React.Component { render() { return (
- { /* change code below this line */ } -

Your temporary password is:

- { /* change code above this line */ } + { /* cambia el código debajo de esta línea */ } +

Tu contraseña temporal es:

+ { /* cambia el código arriba de esta línea */ }
); } @@ -63,12 +63,12 @@ class ResetPassword extends React.Component { render() { return (
-

Reset Password

-

We've generated a new temporary password for you.

-

Please reset this password from your account settings ASAP.

- { /* change code below this line */ } +

Cambiar Contraseña

+

Te hemos generado una contraseña temporal.

+

Por favor cambia pronto está contraseña desde las opciones de tu cuenta .

+ { /* cambia el código debajo de esta línea */ } - { /* change code above this line */ } + { /* cambia el código arriba de esta línea */ }
); } @@ -83,7 +83,7 @@ class ResetPassword extends React.Component {
```js -console.info('after the test'); +console.info('después de la prueba'); ```
@@ -94,6 +94,6 @@ console.info('after the test');
```js -// solution required +// solución requerida ```