Skip to content

Commit b6d7401

Browse files
committed
fix(reference): address review for cloneElement (PR #679)
Signed-off-by: Alessandro De Blasis <alex@deblasis.net>
1 parent 667cd4d commit b6d7401

1 file changed

Lines changed: 6 additions & 7 deletions

File tree

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

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -66,10 +66,10 @@ console.log(clonedElement); // <Row title="Cabbage" isHighlighted={true}>Goodbye
6666

6767
* `type`: Uguale a `element.type`.
6868
* `props`: Il risultato della fusione superficiale di `element.props` con le `props` di override che hai passato.
69-
* `ref`: La `element.ref` originale, a meno che non sia stata sovrascritta da `props.ref`.
70-
* `key`: La `element.key` originale, a meno che non sia stata sovrascritta da `props.key`.
69+
* `ref`: `element.ref` originale, a meno che non sia stata sovrascritta da `props.ref`.
70+
* `key`: `element.key` originale, a meno che non sia stata sovrascritta da `props.key`.
7171

72-
Di solito restituirai l'elemento dal tuo componente o lo renderai come figlio di un altro elemento. Anche se puoi leggere le proprietà dell'elemento, è meglio trattare ogni elemento come opaco dopo la creazione e limitarti a renderizzarlo.
72+
Di solito restituirai l'elemento dal tuo componente o lo renderizzerai come figlio di un altro elemento. Anche se puoi leggere le proprietà dell'elemento, è meglio trattare ogni elemento come opaco dopo la creazione e limitarti a renderizzarlo.
7373

7474
#### Caveats {/*caveats*/}
7575

@@ -404,7 +404,6 @@ Questo pattern è preferibile a `cloneElement` perché è più esplicito.
404404
405405
Un'altra alternativa a `cloneElement` è [passare dati tramite context.](/learn/passing-data-deeply-with-context)
406406
407-
408407
Ad esempio, puoi chiamare [`createContext`](/reference/react/createContext) per definire un `HighlightContext`:
409408
410409
```js
@@ -561,9 +560,9 @@ button {
561560
562561
---
563562
564-
### Estrarre la logica in un custom hook {/*extracting-logic-into-a-custom-hook*/}
563+
### Estrarre la logica in un custom Hook {/*extracting-logic-into-a-custom-hook*/}
565564
566-
Un altro approccio che puoi provare è estrarre la logica "non visuale" in un tuo Hook e usare le informazioni restituite dall'Hook per decidere cosa renderizzare. Ad esempio, puoi scrivere un custom hook `useList` come questo:
565+
Un altro approccio che puoi provare è estrarre la logica "non visuale" in un tuo Hook e usare le informazioni restituite dall'Hook per decidere cosa renderizzare. Ad esempio, puoi scrivere un custom Hook `useList` come questo:
567566
568567
```js
569568
import { useState } from 'react';
@@ -605,7 +604,7 @@ export default function App() {
605604
}
606605
```
607606
608-
Il flusso dei dati è esplicito, ma lo state è dentro il custom hook `useList` che puoi usare da qualsiasi componente:
607+
Il flusso dei dati è esplicito, ma lo state è dentro il custom Hook `useList` che puoi usare da qualsiasi componente:
609608
610609
<Sandpack>
611610

0 commit comments

Comments
 (0)