Skip to content

Commit f18ada9

Browse files
committed
UPDATE
1 parent 11cadb6 commit f18ada9

File tree

1 file changed

+11
-9
lines changed

1 file changed

+11
-9
lines changed

Framework/react-br.md

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -43,12 +43,12 @@ Para renderização assíncrona, existe agora dois estagios de renderização: `
4343

4444
Pelo fato que a fase de `reconciliation` pode ser interrompida, as funções do ciclo de vida que executaram na fase de `reconciliation` podem ser chamadas multiplas vezes, o que pode causar vários bugs. Então para essas funções, exceto para `shouldComponentUpdate`, devemos evitar assim que possivel, e uma nova API está introduzida na V16 para resolver esse problema.
4545

46-
`getDerivedStateFromProps` is used to replace `componentWillReceiveProps` , which is called during initialization and update
46+
`getDerivedStateFromProps` é usado para substituir `componentWillReceiveProps`, do qual é chamado durando a inicialização e atualização
4747

4848
```js
4949
class ExampleComponent extends React.Component {
50-
// Initialize state in constructor,
51-
// Or with a property initializer.
50+
// Inicializa o state no construtor,
51+
// Ou com a propriedade initializer.
5252
state = {};
5353

5454
static getDerivedStateFromProps(nextProps, prevState) {
@@ -59,23 +59,25 @@ class ExampleComponent extends React.Component {
5959
};
6060
}
6161

62-
// Return null to indicate no change to state.
62+
// Retorna nulo para indicar que não há mudança no state.
6363
return null;
6464
}
6565
}
6666
```
6767

68-
`getSnapshotBeforeUpdate` is used to replace `componentWillUpdate`, which is called after the `update` but before the DOM update to read the latest DOM data.
68+
`getSnapshotBeforeUpdate` é usado para substituir o `componentWillUpdate`, do qual é chamado depois do `update` mas antes do DOM atualizar para leitura o último dado do DOM.
69+
70+
## O conselho usado dos metodos do ciclos de vida no React V16
6971

7072
## The usage advice of Lifecycle methods in React V16
7173

7274
```js
7375
class ExampleComponent extends React.Component {
74-
// Used to initialize the state
76+
// Usado para iniciar o state
7577
constructor() {}
76-
// Used to replace `componentWillReceiveProps` , which will be called when initializing and `update`
77-
// Because the function is static, you can't get `this`
78-
// If need to compare `prevProps`, you need to maintain it separately in `state`
78+
// Usado para substituir o `componentWillReceiveProps`, do qual ira ser chamado quando inicializado e `update`
79+
// Porque a função é estática, você não pode acessar o `this`
80+
// Se você precisar comparar `prevProps`, você precisa manter ele separado no `state`
7981
static getDerivedStateFromProps(nextProps, prevState) {}
8082
// Determine whether you need to update components, mostly for component performance optimization
8183
shouldComponentUpdate(nextProps, nextState) {}

0 commit comments

Comments
 (0)