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
fix(reference): address review for PureComponent (PR #684)
Align Alternatives H2, link punctuation, set-function link span,
and props/state comparison wording with reviewed reference pages.
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
Co-authored-by: Cursor <cursoragent@cursor.com>
Copy file name to clipboardExpand all lines: src/content/reference/react/PureComponent.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -60,7 +60,7 @@ class Greeting extends PureComponent {
60
60
61
61
### Saltare ri-renderizzazioni non necessarie per i componenti classe {/*skipping-unnecessary-re-renders-for-class-components*/}
62
62
63
-
Di norma React ri-renderizza un componente ogni volta che il genitore viene ri-renderizzato. Come ottimizzazione, puoi creare un componente che React non ri-renderizzerà quando il genitore viene ri-renderizzato, purché le nuove props e lo state siano le stessi delle vecchie props e dello state precedente. I [componenti classe](/reference/react/Component) possono adottare questo comportamento estendendo `PureComponent`:
63
+
Di norma React ri-renderizza un componente ogni volta che il genitore viene ri-renderizzato. Come ottimizzazione, puoi creare un componente che React non ri-renderizzerà quando il genitore viene ri-renderizzato, purché le nuove props e lo state siano uguali alle vecchie props e allo state precedente. I [componenti classe](/reference/react/Component) possono adottare questo comportamento estendendo `PureComponent`:
64
64
65
65
```js {1}
66
66
classGreetingextendsPureComponent {
@@ -122,11 +122,11 @@ Consigliamo di definire i componenti come funzioni invece che come classi. [Vedi
122
122
123
123
---
124
124
125
-
## Alternative {/*alternatives*/}
125
+
## Alternatives {/*alternatives*/}
126
126
127
127
### Migrare da un componente classe `PureComponent` a una funzione {/*migrating-from-a-purecomponent-class-component-to-a-function*/}
128
128
129
-
Nel codice nuovo consigliamo di usare componenti funzione al posto dei [componenti classe.](/reference/react/Component) Se hai componenti classe esistenti che usano `PureComponent`, ecco come convertirli. Questo è il codice originale:
129
+
Nel codice nuovo consigliamo di usare componenti funzione al posto dei [componenti classe](/reference/react/Component). Se hai componenti classe esistenti che usano `PureComponent`, ecco come convertirli. Questo è il codice originale:
130
130
131
131
<Sandpack>
132
132
@@ -210,6 +210,6 @@ label {
210
210
211
211
<Note>
212
212
213
-
A differenza di `PureComponent`, [`memo`](/reference/react/memo) non confronta il nuovo e il vecchio state. Nei componenti funzione, chiamare la [`funzione `set`](/reference/react/useState#setstate) con lo stesso state [previene già di default la ri-renderizzazione,](/reference/react/memo#updating-a-memoized-component-using-state) anche senza `memo`.
213
+
A differenza di `PureComponent`, [`memo`](/reference/react/memo) non confronta il nuovo e il vecchio state. Nei componenti funzione, chiamare una [funzione `set`](/reference/react/useState#setstate) con lo stesso state [previene già di default la ri-renderizzazione,](/reference/react/memo#updating-a-memoized-component-using-state) anche senza `memo`.
0 commit comments