gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix typos and add spanish translation (#19552)

Browse Source
This commit is contained in:
Anderson
2018-10-21 11:35:49 -03:00
committed by Tom
parent d9200fd221
commit e263f5ab25
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/spanish/03-front-end-libraries/react-and-redux/map-state-to-props.spanish.md
View File

@ -7,13 +7,13 @@ videoUrl: ''
localeTitle: Mapa del estado a los apoyos localeTitle: Mapa del estado a los apoyos
--- ---
## Description ## Descripción
<section id="description"> El componente <code>Provider</code> permite proporcionar <code>state</code> y <code>dispatch</code> a sus componentes React, pero debe especificar exactamente qué estado y acciones desea. De esta manera, se asegura de que cada componente solo tenga acceso al estado que necesita. Esto se logra creando dos funciones: <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> . En estas funciones, declara a qué estados de estado desea acceder y a qué creadores de acción necesita poder enviar. Una vez que estas funciones estén en su lugar, verá cómo utilizar el método React Redux <code>connect</code> para conectarlos a sus componentes en otro desafío. <strong>Nota:</strong> Detrás de escena, React Redux usa el método <code>store.subscribe()</code> para implementar <code>mapStateToProps()</code> . </section> <section id="description"> El componente <code>Provider</code> permite proporcionar <code>state</code> y <code>dispatch</code> a sus componentes React, pero debe especificar exactamente qué estado y acciones desea. De esta manera, se asegura de que cada componente solo tenga acceso al estado que necesita. Esto se logra creando dos funciones: <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> . En estas funciones, declara a qué estados de estado desea acceder y a qué creadores de acción necesita poder enviar. Una vez que estas funciones estén en su lugar, verá cómo utilizar el método React Redux <code>connect</code> para conectarlos a sus componentes en otro desafío. <strong>Nota:</strong> Detrás de escena, React Redux usa el método <code>store.subscribe()</code> para implementar <code>mapStateToProps()</code> . </section>
## Instructions ## Instrucciones
<section id="instructions"> Crear una función <code>mapStateToProps()</code> . Esta función debe tomar el <code>state</code> como un argumento, luego devolver un objeto que mapea ese estado a nombres de propiedad específicos. Estas propiedades serán accesibles a su componente a través de <code>props</code> . Como este ejemplo mantiene todo el estado de la aplicación en una sola matriz, puede pasar ese estado completo a su componente. Cree un <code>messages</code> propiedad en el objeto que se está devolviendo y configúrelo en <code>state</code> . </section> <section id="instructions"> Crear una función <code>mapStateToProps()</code> . Esta función debe tomar el <code>state</code> como un argumento, luego devolver un objeto que mapea ese estado a nombres de propiedad específicos. Estas propiedades serán accesibles a su componente a través de <code>props</code> . Como este ejemplo mantiene todo el estado de la aplicación en una sola matriz, puede pasar ese estado completo a su componente. Cree un <code>messages</code> propiedad en el objeto que se está devolviendo y configúrelo en <code>state</code> . </section>
## Tests ## Pruebas
<section id='tests'> <section id='tests'>
```yml ```yml
@ -39,7 +39,7 @@ tests:
```jsx ```jsx
const state = []; const state = [];
// change code below this line // cambia el código debajo esta linea
``` ```
@ -49,10 +49,10 @@ const state = [];
</section> </section>
## Solution ## Solución
<section id='solution'> <section id='solution'>
```js ```js
// solution required // Solución requerida
``` ```
</section> </section>