Skip to content

Commit 4e4f643

Browse files
committed
fix(reference): address review for useCallback (PR #638)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent 3e4cb8a commit 4e4f643

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

‎src/content/reference/react/useCallback.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ function ProductPage({ productId, referrer, theme }) {
168168
}
169169
```
170170
171-
**Avvolgendo `handleSubmit` in `useCallback`, ti assicuri che sia la *stessa* funzione tra le ri-renderizzazioni** (finché le dipendenze non cambiano). Non *devi* avvolgere una funzione in `useCallback` a meno che non lo faccia per una ragione specifica. In questo esempio, la ragione è che la passi a un componente avvolto in [`memo`,](/reference/react/memo) e questo gli permette di saltare la ri-renderizzazione. Ci sono altre ragioni per cui potresti aver bisogno di `useCallback`, descritte più avanti in questa pagina.
171+
**Avvolgendo `handleSubmit` in `useCallback`, ti assicuri che sia la *stessa* funzione tra le ri-renderizzazioni** (finché le dipendenze non cambiano). Non *devi* avvolgere una funzione in `useCallback` a meno di farlo per una ragione specifica. In questo esempio, la ragione è che la passi a un componente avvolto in [`memo`,](/reference/react/memo) e questo gli permette di saltare la ri-renderizzazione. Ci sono altre ragioni per cui potresti aver bisogno di `useCallback`, descritte più avanti in questa pagina.
172172
173173
<Note>
174174
@@ -323,7 +323,7 @@ import { memo, useState } from 'react';
323323
const ShippingForm = memo(function ShippingForm({ onSubmit }) {
324324
const [count, setCount] = useState(1);
325325

326-
console.log('[ARTIFICIALMENTE LENTO] Rendering di <ShippingForm />');
326+
console.log('[ARTIFICIALLY SLOW] Rendering <ShippingForm />');
327327
let startTime = performance.now();
328328
while (performance.now() - startTime < 500) {
329329
// Non fa nulla per 500 ms per emulare codice estremamente lento
@@ -462,7 +462,7 @@ import { memo, useState } from 'react';
462462
const ShippingForm = memo(function ShippingForm({ onSubmit }) {
463463
const [count, setCount] = useState(1);
464464

465-
console.log('[ARTIFICIALMENTE LENTO] Rendering di <ShippingForm />');
465+
console.log('[ARTIFICIALLY SLOW] Rendering <ShippingForm />');
466466
let startTime = performance.now();
467467
while (performance.now() - startTime < 500) {
468468
// Non fa nulla per 500 ms per emulare codice estremamente lento
@@ -596,7 +596,7 @@ import { memo, useState } from 'react';
596596
const ShippingForm = memo(function ShippingForm({ onSubmit }) {
597597
const [count, setCount] = useState(1);
598598

599-
console.log('Rendering di <ShippingForm />');
599+
console.log('Rendering <ShippingForm />');
600600

601601
function handleSubmit(e) {
602602
e.preventDefault();

0 commit comments

Comments
 (0)