Skip to content

Commit 1003ab1

Browse files
committed
TSConfig Italian translation: jsx.md
1 parent 838859b commit 1003ab1

File tree

1 file changed

+94
-0
lines changed
  • docs/tsconfig/it/options

1 file changed

+94
-0
lines changed

docs/tsconfig/it/options/jsx.md

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
---
2+
display: "JSX"
3+
oneline: "Controlla come viene emesso JSX"
4+
---
5+
6+
Controlla come i costrutti JSX vengono emessi in file Javascript. Questo influisce sull'output solo nel caso il file JS termini con `.tsx`.
7+
8+
- `react`: Genera dei file `.js` con JSX modificato nelle chiamate `React.createElements` equivalenti.
9+
- `react-jsx`: Genera dei file `.js` con JSX modificato nelle chiamate `_jsx`.
10+
- `react-jsxdev`: Genera dei file `.js` con JSX modificato in chiamate `_jsx`.
11+
- `preserve`: Genera dei file `.jsx` con JSX invariato.
12+
- `react-native`: Genera dei file `.js` con JSX invariato.
13+
14+
### Per esempio
15+
16+
Questo codice esempio:
17+
18+
```tsx
19+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
20+
```
21+
22+
Predefinito: `"react"`
23+
24+
```tsx twoslash
25+
declare module JSX {
26+
interface Element {}
27+
interface IntrinsicElements {
28+
[s: string]: any;
29+
}
30+
}
31+
// @showEmit
32+
// @noErrors
33+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
34+
```
35+
36+
Conservare: `"preserve"`
37+
38+
```tsx twoslash
39+
declare module JSX {
40+
interface Element {}
41+
interface IntrinsicElements {
42+
[s: string]: any;
43+
}
44+
}
45+
// @showEmit
46+
// @noErrors
47+
// @jsx: preserve
48+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
49+
```
50+
51+
React Native: `"react-native"`
52+
53+
```tsx twoslash
54+
declare module JSX {
55+
interface Element {}
56+
interface IntrinsicElements {
57+
[s: string]: any;
58+
}
59+
}
60+
// @showEmit
61+
// @noErrors
62+
// @jsx: react-native
63+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
64+
```
65+
66+
React 17 convertito: `"react-jsx"`<sup>[[1]](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)</sup>
67+
68+
```tsx twoslash
69+
declare module JSX {
70+
interface Element {}
71+
interface IntrinsicElements {
72+
[s: string]: any;
73+
}
74+
}
75+
// @showEmit
76+
// @noErrors
77+
// @jsx: react-jsx
78+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
79+
```
80+
81+
React 17 dev convertito: `"react-jsxdev"`<sup>[[1]](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html)</sup>
82+
83+
```tsx twoslash
84+
declare module JSX {
85+
interface Element {}
86+
interface IntrinsicElements {
87+
[s: string]: any;
88+
}
89+
}
90+
// @showEmit
91+
// @noErrors
92+
// @jsx: react-jsxdev
93+
export const ciaoMondo = () => <h1>Ciao mondo</h1>;
94+
```

0 commit comments

Comments
 (0)