1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
=== tests/cases/conformance/jsx/file.tsx ===
import React = require('react');
>React : typeof React
interface PoisonedProp {
x: string;
>x : string
y: 2;
>y : 2
}
class Poisoned extends React.Component<PoisonedProp, {}> {
>Poisoned : Poisoned
>React.Component : React.Component<PoisonedProp, {}>
>React : typeof React
>Component : typeof React.Component
render() {
>render : () => JSX.Element
return <div>Hello</div>;
><div>Hello</div> : JSX.Element
>div : any
>div : any
}
}
const obj: PoisonedProp = {
>obj : PoisonedProp
>{ x: "hello world", y: 2} : { x: string; y: 2; }
x: "hello world",
>x : string
>"hello world" : "hello world"
y: 2
>y : 2
>2 : 2
};
// OK
let p = <Poisoned {...obj} />;
>p : JSX.Element
><Poisoned {...obj} /> : JSX.Element
>Poisoned : typeof Poisoned
>obj : PoisonedProp
class EmptyProp extends React.Component<{}, {}> {
>EmptyProp : EmptyProp
>React.Component : React.Component<{}, {}>
>React : typeof React
>Component : typeof React.Component
render() {
>render : () => JSX.Element
return <div>Default hi</div>;
><div>Default hi</div> : JSX.Element
>div : any
>div : any
}
}
// OK
let j: any;
>j : any
let e1 = <EmptyProp {...{}} />;
>e1 : JSX.Element
><EmptyProp {...{}} /> : JSX.Element
>EmptyProp : typeof EmptyProp
>{} : {}
let e2 = <EmptyProp {...j} />
>e2 : JSX.Element
><EmptyProp {...j} /> : JSX.Element
>EmptyProp : typeof EmptyProp
>j : any
let e3 = <EmptyProp {...{ ref: (input) => { this.textInput = input; } }} />
>e3 : JSX.Element
><EmptyProp {...{ ref: (input) => { this.textInput = input; } }} /> : JSX.Element
>EmptyProp : typeof EmptyProp
>{ ref: (input) => { this.textInput = input; } } : { ref: (input: EmptyProp) => void; }
>ref : (input: EmptyProp) => void
>(input) => { this.textInput = input; } : (input: EmptyProp) => void
>input : EmptyProp
>this.textInput = input : EmptyProp
>this.textInput : any
>this : any
>textInput : any
>input : EmptyProp
let e4 = <EmptyProp data-prop />
>e4 : JSX.Element
><EmptyProp data-prop /> : JSX.Element
>EmptyProp : typeof EmptyProp
>data-prop : true
let e5 = <EmptyProp {...{ "data-prop": true}} />
>e5 : JSX.Element
><EmptyProp {...{ "data-prop": true}} /> : JSX.Element
>EmptyProp : typeof EmptyProp
>{ "data-prop": true} : { "data-prop": boolean; }
>"data-prop" : boolean
>true : true
|
