Add title and fix grammar (#24826)

- Translate "state" and "props" into portuguese
- Fix grammar: subject-verb agreement

guide/portuguese/react/state-vs-props/index.md

@@ -1,85 +1,88 @@
 ---
 title: State vs Props
-localeTitle: State vs Props
+localeTitle: Estado vs Adereços
----
+---
-## State vs Props
+
-
+
-Quando começamos a trabalhar com os componentes do React, ouvimos frequentemente dois termos. Eles são `state` e `props` . Então, neste artigo, vamos explorar o que são e como eles diferem.
+## Estado vs Adereços
-
+
-## Estado:
+Quando começamos a trabalhar com os componentes do React, ouvimos frequentemente dois termos. Eles são `state` e `props`, ou `estado` e `adereços`. Então, neste artigo, vamos explorar o que são e como eles diferem.
-
+
-*   Estado é algo que um componente possui. Pertence àquele componente particular onde é definido. Por exemplo, a idade de uma pessoa é um estado dessa pessoa.
+## Estado:
-*   Estado é mutável. Mas isso pode ser alterado apenas pelo componente que o possui. Como eu só posso mudar minha idade, ninguém mais.
+
-*   Você pode alterar um estado usando `this.setState()`
+*   Estado é algo que um componente possui. Pertence àquele componente particular onde é definido. Por exemplo, a idade de uma pessoa é um estado dessa pessoa.
-
+*   Estado é mutável. Mas isso pode ser alterado apenas pelo componente que o possui. Como eu só posso mudar minha idade, ninguém mais.
-Veja o exemplo abaixo para ter uma ideia do estado:
+*   Você pode alterar um estado usando `this.setState()`
-
+
-#### Person.js
+Veja o exemplo abaixo para ter uma ideia do estado:
-
+
-```javascript
+#### Person.js
-  import React from 'react'; 
+
- 
+```javascript
-  class Person extends React.Component{ 
+  import React from 'react'; 
-    constructor(props) { 
+ 
-      super(props); 
+  class Person extends React.Component{ 
-      this.state = { 
+    constructor(props) { 
-        age:0 
+      super(props); 
-      this.incrementAge = this.incrementAge.bind(this) 
+      this.state = { 
-    } 
+        age:0 
- 
+      this.incrementAge = this.incrementAge.bind(this) 
-    incrementAge(){ 
+    } 
-      this.setState({ 
+ 
-        age:this.state.age + 1; 
+    incrementAge(){ 
-      }); 
+      this.setState({ 
-    } 
+        age:this.state.age + 1; 
- 
+      }); 
-    render(){ 
+    } 
-      return( 
+ 
-        <div> 
+    render(){ 
-          <label>My age is: {this.state.age}</label> 
+      return( 
-          <button onClick={this.incrementAge}>Grow me older !!<button> 
+        <div> 
-        </div> 
+          <label>My age is: {this.state.age}</label> 
-      ); 
+          <button onClick={this.incrementAge}>Grow me older !!<button> 
-    } 
+        </div> 
-  } 
+      ); 
- 
+    } 
-  export default Person; 
+  } 
-```
+ 
-
+  export default Person; 
-No exemplo acima, `age` é o estado do componente `Person` .
+```
-
+
-## Adereços:
+No exemplo acima, `age` é o estado do componente `Person` .
-
+
-*   Adereços são semelhantes aos argumentos do método. Eles são passados ​​para um componente onde esse componente é usado.
+## Adereços:
-*   Adereços é imutável. Eles são somente leitura.
+
-
+*   Adereços são semelhantes aos argumentos do método. Eles são passados ​​para um componente onde esse componente é usado.
-Veja o exemplo abaixo para ter uma ideia de Adereços:
+*   Adereços são imutáveis. Eles são somente leitura.
-
+
-#### Person.js
+Veja o exemplo abaixo para ter uma ideia de Adereços:
-
+
-```javascript
+#### Person.js
-  import React from 'react'; 
+
- 
+```javascript
-  class Person extends React.Component{ 
+  import React from 'react'; 
-    render(){ 
+ 
-      return( 
+  class Person extends React.Component{ 
-        <div> 
+    render(){ 
-          <label>I am a {this.props.character} person.</label> 
+      return( 
-        </div> 
+        <div> 
-      ); 
+          <label>I am a {this.props.character} person.</label> 
-    } 
+        </div> 
-  } 
+      ); 
- 
+    } 
-  export default Person; 
+  } 
- 
+ 
-  const person = <Person character = "good"></Person> 
+  export default Person; 
-```
+ 
-
+  const person = <Person character = "good"></Person> 
-No exemplo acima, `const person = <Person character = "good"></Person>` estamos passando prop `character = "good"` prop para o componente `Person` .
+```
-
+
-Dá saída como "Eu sou uma boa pessoa", na verdade eu sou.
+No exemplo acima, `const person = <Person character = "good"></Person>` estamos passando prop `character = "good"` prop para o componente `Person` .
-
+
-Há muito mais a aprender sobre Estado e Adereços. Muitas coisas podem ser aprendidas mergulhando na codificação. Então, sujem suas mãos codificando.
+Dá saída como "Eu sou uma boa pessoa", na verdade eu sou.
-
+
-Procure-me no [twitter,](https://twitter.com/getifyJr) se necessário.
+Há muito mais a aprender sobre Estado e Adereços. Muitas coisas podem ser aprendidas mergulhando na codificação. Então, sujem suas mãos codificando.
-
+
+Procure-me no [twitter,](https://twitter.com/getifyJr) se necessário.
+
+Codificação Feliz !!!