Skip to content

Commit fbe3b14

Browse files
deblasiscursoragent
andcommitted
fix(reference): address review for lazy (PR #660)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net> Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 1c6ee2f commit fbe3b14

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

src/content/reference/react/lazy.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const SomeComponent = lazy(load)
2727

2828
### `lazy(load)` {/*lazy*/}
2929

30-
Chiama `lazy` fuori dai tuoi componenti per dichiarare un componente React caricato in lazy:
30+
Chiama `lazy` fuori dai tuoi componenti per dichiarare un componente React con lazy loading:
3131

3232
```js
3333
import { lazy } from 'react';
@@ -39,7 +39,7 @@ const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
3939

4040
#### Parameters {/*parameters*/}
4141

42-
* `load`: Una funzione che restituisce una [Promise](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Promise) o un altro *thenable* (un oggetto simile a una Promise con un metodo `then`). React non chiamerà `load` fino al primo tentativo di renderizzare il componente restituito. Dopo la prima chiamata a `load`, React attenderà che venga risolta e poi renderizzerà la proprietà `.default` del valore risolto come componente React. Sia la Promise restituita sia il valore risolto della Promise verranno memorizzati in cache, quindi React non chiamerà `load` più di una volta. Se la Promise viene rifiutata, React `throw`erà il motivo del rifiuto affinché lo gestisca il contenitore di errori più vicino.
42+
* `load`: Una funzione che restituisce una [Promise](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Promise) o un altro *thenable* (un oggetto simile a una Promise con un metodo `then`). React non chiamerà `load` fino al primo tentativo di renderizzare il componente restituito. Dopo la prima chiamata a `load`, React attenderà che venga risolta e poi renderizzerà la proprietà `.default` del valore risolto come componente React. Sia la Promise restituita sia il valore risolto della Promise verranno memorizzati in cache, quindi React non chiamerà `load` più di una volta. Se la Promise viene rifiutata, React `throw`erà il motivo del rifiuto affinché lo gestisca il [contenitore di errori](/reference/react/Component#static-getderivedstatefromerror) più vicino.
4343

4444
#### Returns {/*returns*/}
4545

@@ -77,7 +77,7 @@ import { lazy } from 'react';
7777
const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));
7878
```
7979

80-
Questo codice si basa su [`import()` dinamico,](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Operators/import) che potrebbe richiedere il supporto del tuo bundler o framework. Usare questo pattern richiede che il componente lazy che importi sia stato esportato come export `default`.
80+
Questo codice si basa su [`import()` dinamico,](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Operators/import) che potrebbe richiedere il supporto del tuo bundler o framework. Usare questo pattern richiede che il componente lazy che importi sia l'export `default` del modulo.
8181

8282
Ora che il codice del tuo componente si carica on demand, devi anche specificare cosa mostrare mentre è in caricamento. Puoi farlo avvolgendo il componente lazy o uno dei suoi genitori in un boundary [`<Suspense>`](/reference/react/Suspense):
8383

@@ -119,7 +119,7 @@ export default function MarkdownEditor() {
119119
);
120120
}
121121

122-
// Aggiungi un ritardo fisso per poter vedere lo state di caricamento
122+
// Aggiungi un ritardo fisso per poter vedere l'indicatore di caricamento
123123
function delayForDemo(promise) {
124124
return new Promise(resolve => {
125125
setTimeout(resolve, 2000);
@@ -182,9 +182,9 @@ body {
182182

183183
</Sandpack>
184184

185-
Questa demo usa un ritardo artificiale. La prossima volta che deselezioni e selezioni di nuovo la checkbox, `Anteprima` sarà in cache, quindi non ci sarà alcuno state di caricamento. Per vedere di nuovo lo state di caricamento, fai clic su "Reset" nella sandbox.
185+
Questa demo usa un ritardo artificiale. La prossima volta che deselezioni e selezioni di nuovo la checkbox, `Anteprima` sarà in cache, quindi non ci sarà alcun indicatore di caricamento. Per vedere di nuovo l'indicatore di caricamento, fai clic su "Reset" nella sandbox.
186186

187-
[Scopri di più sulla gestione degli state di caricamento con Suspense.](/reference/react/Suspense)
187+
[Scopri di più sulla gestione degli stati di caricamento con Suspense.](/reference/react/Suspense)
188188

189189
---
190190

0 commit comments

Comments
 (0)