feat: add Spanish and language parser
This commit is contained in:
committed by
mrugesh mohapatra
parent
c2a45b58be
commit
e3f9dc4b86
@@ -1,22 +1,17 @@
|
||||
---
|
||||
id: 5a24c314108439a4d4036145
|
||||
title: Map State to Props
|
||||
localeTitle: Mapa del estado a los apoyos
|
||||
challengeType: 6
|
||||
isRequired: false
|
||||
videoUrl: ''
|
||||
localeTitle: Mapa del estado a los apoyos
|
||||
---
|
||||
|
||||
## Description
|
||||
<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
|
||||
<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
|
||||
<section id='tests'>
|
||||
@@ -57,17 +52,7 @@ const state = [];
|
||||
## Solution
|
||||
<section id='solution'>
|
||||
|
||||
|
||||
```js
|
||||
const state = [];
|
||||
|
||||
// change code below this line
|
||||
|
||||
const mapStateToProps = (state) => {
|
||||
return {
|
||||
messages: state
|
||||
}
|
||||
};
|
||||
// solution required
|
||||
```
|
||||
|
||||
</section>
|
||||
|
Reference in New Issue
Block a user