diff --git a/guide/spanish/react/component/index.md b/guide/spanish/react/component/index.md index 7086409963e..7952add5fc9 100644 --- a/guide/spanish/react/component/index.md +++ b/guide/spanish/react/component/index.md @@ -4,7 +4,7 @@ localeTitle: 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 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 `

Hello, Faisal Arkan

` 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. @@ -26,7 +27,7 @@ Hay muchas formas de declarar componentes al usar React.js, pero hay dos tipos d ### Con estado -#### Clase de componentes de clase +#### Componentes de tipo clase ```jsx class Cat extends React.Component { @@ -74,4 +75,4 @@ const Cat = props =>

{props.color}

; -``` \ No newline at end of file +```