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

Update text about Components in React. (#32281)

Browse Source
This commit is contained in:
Jean Silva
2019-08-16 15:40:22 -03:00
committed by Randell Dawson
parent f1fc7872f4
commit bff9327059
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
guide/portuguese/react/component/index.md
View File

@ -4,7 +4,7 @@ localeTitle: React - Componentes
--- ---
## React - Componentes ## React - Componentes
Componentes são reutilizáveis ​​em react.js. Você pode injetar valor em adereços como dado abaixo: Componentes são como funções JavaScript. Eles aceitam inputs (conhecido como `props`) e retornam elementos React descrevendo o que deve aparecer na tela. Veja o exemplo abaixo:
```jsx ```jsx
function Welcome(props) { function Welcome(props) {
@ -18,11 +18,11 @@ function Welcome(props) {
); );
``` ```
`name="Faisal Arkan"` vai dar valor em `{props.name}` da `function Welcome(props)` e retornando o componente que deu valor pelo `name="Faisal Arkan"` , Depois disso o reagente irá renderizar o elemento em html. No exemplo acima, vemos que um valor é passado para a propriedade `name="Faisal Arkan"` o valor de `name` estará disponível em `{props.name}` dentro da função `Welcome`, depois disso é renderizado o elemento em html.
### Outras formas de declarar componentes ### Outras formas de declarar componentes
Há muitas maneiras de declarar componentes ao usar o React.js, mas há dois tipos de componentes, componentes **_sem_** **_estado_** e componentes **_com estado_** . Há muitas maneiras de declarar componentes em React, mas há dois tipos de componentes, componentes **_sem_** **_estado_** e componentes **_com estado_** .
### Com estado ### Com estado
@ -52,7 +52,7 @@ class Cat extends React.Component {
### Componentes sem estado ### Componentes sem estado
#### Componentes funcionais (função de seta do ES6) #### Componentes funcionais (Arrow function do ES6)
```jsx ```jsx
const Cat = props => { const Cat = props => {