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
{{ message }}
This repository was archived by the owner on Apr 21, 2023. It is now read-only.
Copy file name to clipboardExpand all lines: content/docs/components-and-props.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -48,7 +48,7 @@ Les classes tenen algunes característiques addicionals que veurem en les [pròx
48
48
49
49
## Renderitzant un component {#rendering-a-component}
50
50
51
-
Fins ara, només hem trobat elements de React que representen les etiquetes del DOM:
51
+
Fins ara, només hem vist elements de React que representen etiquetes del DOM:
52
52
53
53
```js
54
54
constelement=<div />;
@@ -60,7 +60,7 @@ No obstant això, els elements també poden representar components definits per
60
60
constelement=<Welcome name="Sara"/>;
61
61
```
62
62
63
-
Quan React veu un element representant un component definit per l'usuari, passa atributs JSX a aquest component com un sol objecte. Fem una crida a aquest objecte "props".
63
+
Quan React veu un element representant un component definit per l'usuari, passa els atributs JSX a aquest component com un sol objecte. Anomenem a aquest objecte "props".
64
64
65
65
Per exemple, aquest codi mostra "Hola, Sara" a la pàgina:
66
66
@@ -83,7 +83,7 @@ Recapitulem el que succeeix en aquest exemple:
83
83
1. Fem una crida a `ReactDOM.render()` amb l'element `<Welcome name="Sara"/>`.
84
84
2. React crida al component `Welcome` amb `{name: 'Sara'}` com "props".
85
85
3. El nostre component `Welcome` retorna un element `<h1>Hola, Sara</h1>` com a resultat.
86
-
4. React DOM actualitza eficientment DOM perquè coincideixi amb `<h1>Hola, Sara</h1>`.
86
+
4. React DOM actualitza eficientment el DOM perquè coincideixi amb `<h1>Hola, Sara</h1>`.
87
87
88
88
> **Nota:** Comença sempre els noms de components amb una lletra majúscula.
En general, les aplicacions de React noves tenen un únic component `App` al capdamunt. No obstant això, si s'integra React en una aplicació existent, es podria començar de baix a dalt amb un petit component com `Button` i a poc a poc fer camí cap al cim de la jerarquia de la vista.
123
+
En general, les aplicacions de React noves tenen un únic component `App` al capdamunt. No obstant això, si s'integra React en una aplicació existent, es podria començar de baix cap a dalt amb un petit component com `Button` i a poc a poc fer camí cap al cim de la jerarquia de la vista.
124
124
125
125
## Extracció de components {#extracting-components}
126
126
@@ -173,7 +173,7 @@ function Avatar(props) {
173
173
174
174
L'`Avatar` no necessita saber que està sent renderitzat dins d'un `Comment`. Aquest és el motiu pel qual li donem a la seva propietat un nom més genèric: `user` en comptes de `author`.
175
175
176
-
Recomanem anomenar les props des del punt de vista del component, en comptes de la del context en què s'utilitza.
176
+
Recomanem anomenar les props des del punt de vista del component, en comptes del context en què s'utilitza.
177
177
178
178
Ara podem simplificar `Comment` una miqueta:
179
179
@@ -235,17 +235,17 @@ function Comment(props) {
235
235
236
236
Extreure components pot semblar una feina pesada al principi, però tenir una paleta de components reutilitzables val la pena en aplicacions més grans. Una bona regla en general és que si una part de la interfície d'usuari es fa servir diverses vegades (`Button`, `Panel` o `Avatar`), o és prou complexa per si mateixa (`App`, `FeedStory`, `Comment`), és bon candidat per ser un component reutilitzable.
237
237
238
-
## Les props són de només lectura {#props-are-read-only}
238
+
## Les props són només de lectura {#props-are-read-only}
239
239
240
-
Ja sigui que declaris un component [com una funció o com una classe](#function-and-class-components), aquest mai ha de modificar les seves props. Considera aquesta funció `sum`:
240
+
Tant si declares un component,[com una funció o com una classe](#function-and-class-components), aquest mai ha de modificar les seves props. Considera aquesta funció `sum`:
241
241
242
242
```js
243
243
functionsum(a, b) {
244
244
return a + b;
245
245
}
246
246
```
247
247
248
-
Aquestes funcions són cridades["pures"](https://en.wikipedia.org/wiki/Functional_programming#Pure_functions) perquè no tracten de canviar les seves entrades, i sempre tornen el mateix resultat per a les mateixes entrades.
248
+
Aquestes funcions són anomenades["pures"](https://en.wikipedia.org/wiki/Functional_programming#Pure_functions) perquè no intenten canviar les seves entrades, i sempre tornen el mateix resultat per a les mateixes entrades.
249
249
250
250
En contrast, aquesta funció és impura perquè canvia la seva pròpia entrada:
0 commit comments