You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Atualmente, eles residem em um **arquivo de componente raiz,** chamado `App.js` nesse exemplo. Em [Criar Aplicação React](https://create-react-app.dev/), seu app reside em `src/App.js`. Dependendo da sua configuração, seu componente raiz pode estar em outro arquivo. Se você usar um framework com roteamento baseado em arquivo, como o Next.js, seu componente raiz será diferente para cada página.
57
-
=======
58
-
These currently live in a **root component file,** named `App.js` in this example. Depending on your setup, your root component could be in another file, though. If you use a framework with file-based routing, such as Next.js, your root component will be different for every page.
59
-
>>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
55
+
Atualmente, eles residem em um **arquivo de componente raiz,** chamado `App.js` nesse exemplo. Dependendo da sua configuração, seu componente raiz pode estar em outro arquivo. Se você usar um framework com roteamento baseado em arquivo, como o Next.js, seu componente raiz será diferente para cada página.
60
56
61
57
## Exportando e importando um componente {/*exporting-and-importing-a-component*/}
Copy file name to clipboardExpand all lines: src/content/learn/tutorial-tic-tac-toe.md
-4
Original file line number
Diff line number
Diff line change
@@ -1173,11 +1173,7 @@ Por que esse problema não aconteceu antes?
1173
1173
1174
1174
Quando você estava passando `onSquareClick={handleClick}`, você passava a função `handleClick` como uma *prop*. Você não a chamava! Mas agora você está *chamando* aquela função imediatamente--perceba os parênteses em `handleClick(0)`--e é por isso que ela é executada muito cedo. Você não *quer* chamar `handleClick` até que o usuário clique!
1175
1175
1176
-
<<<<<<< HEAD
1177
1176
Você poderia consertar isso criando uma função como `handleFirstSquareClick` que chama `handleClick(0)`, um função como `handleSecondSquareClick` que chama `handleClick(1)`, e assim por diante. Você passaria (ao invés de chamar) essas funções como *props* assim: `onSquareClick={handleFirstSquareClick}`. Isso resolveria o loop infinito.
1178
-
=======
1179
-
You could fix this by creating a function like `handleFirstSquareClick` that calls `handleClick(0)`, a function like `handleSecondSquareClick` that calls `handleClick(1)`, and so on. You would pass (rather than call) these functions down as props like `onSquareClick={handleFirstSquareClick}`. This would solve the infinite loop.
1180
-
>>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
1181
1177
1182
1178
Entretanto, definir nove funções diferentes e dar um nome a cada uma delas é muito verboso. Em vez disso, vamos fazer isto:
Copy file name to clipboardExpand all lines: src/content/learn/your-first-component.md
+1-5
Original file line number
Diff line number
Diff line change
@@ -210,11 +210,7 @@ Quando um componente filho precisa de alguns dados de um pai, [passe-os por prop
210
210
211
211
#### Componentes em todos os níveis {/*components-all-the-way-down*/}
212
212
213
-
<<<<<<< HEAD
214
-
Sua aplicação React começa em um componente "raiz". Normalmente, ele é criado automaticamente quando você inicia um novo projeto. Por exemplo, se você usar [CodeSandbox](https://codesandbox.io/) ou [Create React App](https://create-react-app.dev/), o componente raiz é definido em `src/App.js`. Se você usar o framework [Next.js](https://nextjs.org/), o componente raiz é definido em `pages/index.js`. Nesses exemplos, você exportou componentes raiz.
215
-
=======
216
-
Your React application begins at a "root" component. Usually, it is created automatically when you start a new project. For example, if you use [CodeSandbox](https://codesandbox.io/) or if you use the framework [Next.js](https://nextjs.org/), the root component is defined in `pages/index.js`. In these examples, you've been exporting root components.
217
-
>>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
213
+
Sua aplicação React começa em um componente "raiz". Normalmente, ele é criado automaticamente quando você inicia um novo projeto. Por exemplo, se você usar [CodeSandbox](https://codesandbox.io/) ou você usar o framework [Next.js](https://nextjs.org/), o componente raiz é definido em `pages/index.js`. Nesses exemplos, você exportou componentes raiz.
218
214
219
215
A maioria das aplicações React usa componentes em todos os níveis. Isso significa que você não usará componentes apenas para partes reutilizáveis, como botões, mas também para partes maiores, como barras laterais, listas e até em páginas inteiras! Os componentes são uma maneira prática de organizar o código e o HTML da UI, mesmo que alguns deles sejam usados apenas uma vez.
Copy file name to clipboardExpand all lines: src/content/reference/react-dom/components/progress.md
+2-7
Original file line number
Diff line number
Diff line change
@@ -34,13 +34,8 @@ Para exibir um indicador de progresso, renderize o componente [`<progress>` nati
34
34
35
35
Adicionalmente, `<progress>` suporta estas props:
36
36
37
-
<<<<<<< HEAD
38
-
*[`max`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/progress#attr-max): Um número. Especifica o `value` máximo. Seu valor padrão é `1`.
39
-
*[`value`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/progress#attr-value): Um número entre `0` e `max`, ou `null` para progresso indeterminado. Especifica o quanto foi feito.
40
-
=======
41
-
*[`max`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#max): A number. Specifies the maximum `value`. Defaults to `1`.
42
-
*[`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#value): A number between `0` and `max`, or `null` for indeterminate progress. Specifies how much was done.
43
-
>>>>>>> 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3
37
+
*[`max`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/progress#max): Um número. Especifica o `value` máximo. Seu valor padrão é `1`.
38
+
*[`value`](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/progress#value): Um número entre `0` e `max`, ou `null` para progresso indeterminado. Especifica o quanto foi feito.
0 commit comments