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
|
=== 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 = {};
>obj : {}
>{} : {}
// OK
<Poisoned {...{x: "ok", y: "2"}} />;
><Poisoned {...{x: "ok", y: "2"}} /> : JSX.Element
>Poisoned : typeof Poisoned
>{x: "ok", y: "2"} : { x: string; y: "2"; }
>x : string
>"ok" : "ok"
>y : "2"
>"2" : "2"
// Error
let p = <Poisoned {...obj} />;
>p : JSX.Element
><Poisoned {...obj} /> : JSX.Element
>Poisoned : typeof Poisoned
>obj : {}
let y = <Poisoned />;
>y : JSX.Element
><Poisoned /> : JSX.Element
>Poisoned : typeof Poisoned
let z = <Poisoned x y/>;
>z : JSX.Element
><Poisoned x y/> : JSX.Element
>Poisoned : typeof Poisoned
>x : true
>y : true
let w = <Poisoned {...{x: 5, y: "2"}}/>;
>w : JSX.Element
><Poisoned {...{x: 5, y: "2"}}/> : JSX.Element
>Poisoned : typeof Poisoned
>{x: 5, y: "2"} : { x: number; y: string; }
>x : number
>5 : 5
>y : string
>"2" : "2"
let w1 = <Poisoned {...{x: 5, y: "2"}} X="hi" />;
>w1 : JSX.Element
><Poisoned {...{x: 5, y: "2"}} X="hi" /> : JSX.Element
>Poisoned : typeof Poisoned
>{x: 5, y: "2"} : { x: number; y: string; }
>x : number
>5 : 5
>y : string
>"2" : "2"
>X : string
|
