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

Fix typos (#19551)

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

11
curriculum/challenges/spanish/03-front-end-libraries/react-and-redux/connect-redux-to-react.spanish.md
View File

@ -7,13 +7,13 @@ videoUrl: ''
localeTitle: Conecta Redux a Reaccionar localeTitle: Conecta Redux a Reaccionar
--- ---
## Description ## Descripción
<section id="description"> Ahora que ha escrito las <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> , puede usarlas para mapear el <code>state</code> y <code>dispatch</code> a los <code>props</code> de uno de sus componentes React. El método de <code>connect</code> de React Redux puede manejar esta tarea. Este método toma dos argumentos opcionales, <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> . Son opcionales porque puede tener un componente que solo necesita acceso al <code>state</code> pero no necesita enviar ninguna acción, o viceversa. Para usar este método, pase las funciones como argumentos e inmediatamente llame al resultado con su componente. Esta sintaxis es un poco inusual y se parece a: <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>Nota:</strong> Si desea omitir uno de los argumentos del método de <code>connect</code> , pase <code>null</code> en su lugar. </section> <section id="description"> Ahora que ha escrito las <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> , puede usarlas para mapear el <code>state</code> y <code>dispatch</code> a los <code>props</code> de uno de sus componentes React. El método de <code>connect</code> de React Redux puede manejar esta tarea. Este método toma dos argumentos opcionales, <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> . Son opcionales porque puede tener un componente que solo necesita acceso al <code>state</code> pero no necesita enviar ninguna acción, o viceversa. Para usar este método, pase las funciones como argumentos e inmediatamente llame al resultado con su componente. Esta sintaxis es un poco inusual y se parece a: <code>connect(mapStateToProps, mapDispatchToProps)(MyComponent)</code> <strong>Nota:</strong> Si desea omitir uno de los argumentos del método de <code>connect</code> , pase <code>null</code> en su lugar. </section>
## Instructions ## Instrucciones
<section id="instructions"> El editor de código tiene las <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> y un nuevo componente React llamado <code>Presentational</code> . Conecte este componente para Redux con la <code>connect</code> método de la <code>ReactRedux</code> objeto global, y lo llaman inmediatamente en el <code>Presentational</code> componente. Asigne el resultado a una nueva <code>const</code> llamada <code>ConnectedComponent</code> que representa el componente conectado. Eso es todo, ahora estás conectado a Redux! Intente cambiar cualquiera de los argumentos de <code>connect</code> a <code>null</code> y observe los resultados de la prueba. </section> <section id="instructions"> El editor de código tiene las <code>mapStateToProps()</code> y <code>mapDispatchToProps()</code> y un nuevo componente React llamado <code>Presentational</code> . Conecte este componente para Redux con la <code>connect</code> método de la <code>ReactRedux</code> objeto global, y lo llaman inmediatamente en el <code>Presentational</code> componente. Asigne el resultado a una nueva <code>const</code> llamada <code>ConnectedComponent</code> que representa el componente conectado. Eso es todo, ahora estás conectado a Redux! Intente cambiar cualquiera de los argumentos de <code>connect</code> a <code>null</code> y observe los resultados de la prueba. </section>
## Tests ## Pruebas
<section id='tests'> <section id='tests'>
```yml ```yml
@ -73,6 +73,7 @@ const connect = ReactRedux.connect;
</div> </div>
### After Test ### After Test
<div id='jsx-teardown'> <div id='jsx-teardown'>
@ -84,10 +85,10 @@ console.info('after the test');
</section> </section>
## Solution ## Solución
<section id='solution'> <section id='solution'>
```js ```js
// solution required // Solución requerida
``` ```
</section> </section>