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
Copy file name to clipboardExpand all lines: content/docs/handling-events.md
+1-5Lines changed: 1 addition & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -91,11 +91,7 @@ ReactDOM.render(
91
91
);
92
92
```
93
93
94
-
<<<<<<< HEAD
95
-
[**Provalo su CodePen**](http://codepen.io/gaearon/pen/xEmzGg?editors=0010)
96
-
=======
97
-
[**Try it on CodePen**](https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
98
-
>>>>>>> d615c5b7bcceef420c7f9246035f8ae3ba8ae11a
94
+
[**Provalo su CodePen**](https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
99
95
100
96
Fai attenzione al valore di `this` nelle callback JSX. In JavaScript, i metodi delle classi non sono [associati](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_objects/Function/bind) (_bound_) di default. Se dimentichi di applicare `bind` a `this.handleClick` e di passarlo a `onClick`, `this` sarà `undefined` quando la funzione verrà effettivamente chiamata.
Copy file name to clipboardExpand all lines: content/docs/introducing-jsx.md
+4-16Lines changed: 4 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -68,13 +68,9 @@ ReactDOM.render(
68
68
);
69
69
```
70
70
71
-
[](codepen://introducing-jsx)
71
+
[Provalo su CodePen](codepen://introducing-jsx)
72
72
73
-
<<<<<<< HEAD
74
-
Abbiamo suddiviso il codice JSX su più linee per renderlo più leggibile. Sebbene non sia obbligatorio, se segui questa pratica ti consigliamo di racchiudere il codice in parentesi per evitare i problemi che possono derivare dall'[inserimento automatico dei punto e virgola](http://stackoverflow.com/q/2846283).
75
-
=======
76
-
We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283).
77
-
>>>>>>> d615c5b7bcceef420c7f9246035f8ae3ba8ae11a
73
+
Abbiamo suddiviso il codice JSX su più linee per renderlo più leggibile. Sebbene non sia obbligatorio, se segui questa pratica ti consigliamo di racchiudere il codice in parentesi per evitare i problemi che possono derivare dall'[inserimento automatico dei punto e virgola](https://stackoverflow.com/q/2846283).
78
74
79
75
### JSX è un'Espressione {#jsx-is-an-expression-too}
80
76
@@ -142,11 +138,7 @@ const title = response.contenutoPotenzialmentePericoloso;
142
138
constelement=<h1>{title}</h1>;
143
139
```
144
140
145
-
<<<<<<< HEAD
146
-
React DOM effettua automaticamente l'[escape](http://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) di qualsiasi valore inserito in JSX prima di renderizzarlo. In questo modo, garantisce che non sia possibile iniettare nulla che non sia esplicitamente scritto nella tua applicazione. Ogni cosa è convertita in stringa prima di essere renderizzata. Questo aiuta a prevenire gli attacchi [XSS (cross-site-scripting)](https://it.wikipedia.org/wiki/Cross-site_scripting).
147
-
=======
148
-
By default, React DOM [escapes](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that's not explicitly written in your application. Everything is converted to a string before being rendered. This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
149
-
>>>>>>> d615c5b7bcceef420c7f9246035f8ae3ba8ae11a
141
+
React DOM effettua automaticamente l'[escape](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) di qualsiasi valore inserito in JSX prima di renderizzarlo. In questo modo, garantisce che non sia possibile iniettare nulla che non sia esplicitamente scritto nella tua applicazione. Ogni cosa è convertita in stringa prima di essere renderizzata. Questo aiuta a prevenire gli attacchi [XSS (cross-site-scripting)](https://it.wikipedia.org/wiki/Cross-site_scripting).
@@ -189,8 +181,4 @@ Esploreremo la renderizzazione degli elementi React nel DOM nella prossima sezio
189
181
190
182
>**Consiglio:**
191
183
>
192
-
<<<<<<< HEAD
193
-
>Ti raccomandiamo di [indicare "Babel" come linguaggio](http://babeljs.io/docs/editors) nel tuo editor preferito, in modo che il codice ES6 ed il codice JSX siano entrambi evidenziati correttamente. Questo sito utilizza lo schema di colori compatibile [Oceanic Next](https://labs.voronianski.com/oceanic-next-color-scheme/).
194
-
=======
195
-
>We recommend using the ["Babel" language definition](https://babeljs.io/docs/editors) for your editor of choice so that both ES6 and JSX code is properly highlighted. This website uses the [Oceanic Next](https://labs.voronianski.com/oceanic-next-color-scheme/) color scheme which is compatible with it.
196
-
>>>>>>> d615c5b7bcceef420c7f9246035f8ae3ba8ae11a
184
+
>Ti raccomandiamo di [indicare "Babel" come linguaggio](https://babeljs.io/docs/editors) nel tuo editor preferito, in modo che il codice ES6 ed il codice JSX siano entrambi evidenziati correttamente. Questo sito utilizza lo schema di colori compatibile [Oceanic Next](https://labs.voronianski.com/oceanic-next-color-scheme/).
Copy file name to clipboardExpand all lines: content/tutorial/tutorial.md
-11Lines changed: 0 additions & 11 deletions
Original file line number
Diff line number
Diff line change
@@ -227,13 +227,8 @@ Congratulazioni! Hai appena "passato una prop" da un componente genitore Board a
227
227
228
228
### Creare un Componente Interattivo {#making-an-interactive-component}
229
229
230
-
<<<<<<< HEAD
231
230
Andiamo a riempire il componente Square con una "X" quando lo clicchiamo.
232
231
Prima di tutto, modifichiamo il tag `button` che è ritornato dalla funzione `render()` del componente Square:
233
-
=======
234
-
Let's fill the Square component with an "X" when we click it.
235
-
First, change the button tag that is returned from the Square component's `render()` function to this:
236
-
>>>>>>> d615c5b7bcceef420c7f9246035f8ae3ba8ae11a
237
232
238
233
```javascript{4}
239
234
class Square extends React.Component {
@@ -1020,15 +1015,9 @@ Abbiamo imparato in precedenza che gli elementi React sono oggetti JavaScript di
1020
1015
In JavaScript, gli array hanno un [metodo `map()`](https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/map) che viene comunemente usato per mappare dati in modo diverso, per esempio:
1021
1016
1022
1017
```js
1023
-
<<<<<<<HEAD
1024
1018
constnumeri= [1, 2, 3];
1025
1019
constraddoppiati=numeri.map(x=> x *2); // [2, 4, 6]
Usando il metodo `map`, possiamo mappare il nostro storico delle mosse in elementi React che rappresentano i bottoni sullo schermo, e visualizzare una lista di bottoni per "saltare" alle mosse precedenti.
0 commit comments