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

fix(guide): Improve spanish translations (#22406)

Browse Source 
Fixed some wrong translations.
This commit is contained in:
Guillem Padilla Martín
2019-08-08 06:38:49 +02:00
committed by Randell Dawson
parent 841cdc567c
commit c0f9eb66f8
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
guide/spanish/react/component/index.md
View File

@ -4,7 +4,7 @@ localeTitle: React - Componentes
--- ---
## React - Componentes ## React - Componentes
Los componentes son reutilizables en react.js. Puede inyectar valor en los accesorios como se indica a continuación: Los componentes son reutilizables en react.js. Puedes inyectar valores en props como se indica a continuación:
```jsx ```jsx
function Welcome(props) { function Welcome(props) {
@ -18,7 +18,8 @@ function Welcome(props) {
); );
``` ```
`name="Faisal Arkan"` le dará valor en `{props.name}` de la `function Welcome(props)` y devolverá el componente que haya dado un valor por `name="Faisal Arkan"` , luego de que reaccione se convertirá el elemento en html. El valor `name="Faisal Arkan"` se asignará en `{props.name}` de la `function Welcome(props)` y devolverá el componente `<h1>Hello, Faisal Arkan</h1>` el cual esta guardado en la constante `element`. Ahora el componente puede renderizarse a través de la llamada a `ReactDOM.render(element, document.getElemenyById('root'));`.
En este caso, `document.getElemenyById('root')` indica el elemento en el cual se va a renderizar el componente.
### Otras formas de declarar componentes. ### Otras formas de declarar componentes.
@ -26,7 +27,7 @@ Hay muchas formas de declarar componentes al usar React.js, pero hay dos tipos d
### Con estado ### Con estado
#### Clase de componentes de clase #### Componentes de tipo clase
```jsx ```jsx
class Cat extends React.Component { class Cat extends React.Component {
@ -74,4 +75,4 @@ const Cat = props =>
<p>{props.color}</p> <p>{props.color}</p>
</div>; </div>;
``` ```