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
|
=== tests/cases/conformance/jsx/tsxInArrowFunction.tsx ===
declare namespace JSX {
interface Element { }
interface IntrinsicElements {
div: {
>div : { text?: string; }
text?: string;
>text : string
}
}
}
// didn't work
<div>{() => <div text="wat" />}</div>;
><div>{() => <div text="wat" />}</div> : JSX.Element
>div : any
>() => <div text="wat" /> : () => JSX.Element
><div text="wat" /> : JSX.Element
>div : any
>text : string
>div : any
// didn't work
<div>{x => <div text="wat" />}</div>;
><div>{x => <div text="wat" />}</div> : JSX.Element
>div : any
>x => <div text="wat" /> : (x: any) => JSX.Element
>x : any
><div text="wat" /> : JSX.Element
>div : any
>text : string
>div : any
// worked
<div>{() => (<div text="wat" />)}</div>;
><div>{() => (<div text="wat" />)}</div> : JSX.Element
>div : any
>() => (<div text="wat" />) : () => JSX.Element
>(<div text="wat" />) : JSX.Element
><div text="wat" /> : JSX.Element
>div : any
>text : string
>div : any
// worked (!)
<div>{() => <div text="wat"></div>}</div>;
><div>{() => <div text="wat"></div>}</div> : JSX.Element
>div : any
>() => <div text="wat"></div> : () => JSX.Element
><div text="wat"></div> : JSX.Element
>div : any
>text : string
>div : any
>div : any
|
