TypeScript/tests/baselines/reference/checkJsxChildrenProperty1.types at 0c3605f8a0927d9c1215b4af72549b648c573038 · jakebailey/TypeScript · GitHub

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
110
111
112
//// [tests/cases/conformance/jsx/checkJsxChildrenProperty1.tsx] ////

=== file.tsx ===
/// <reference path="react.d.ts" />

import React = require('react');
>React : typeof React
>      : ^^^^^^^^^^^^

interface Prop {
    a: number,
>a : number
>  : ^^^^^^

    b: string,
>b : string
>  : ^^^^^^

    children: string | JSX.Element
>children : string | JSX.Element
>         : ^^^^^^^^^^^^^^^^^^^^
>JSX : any
>    : ^^^
}

function Comp(p: Prop) {
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^
>p : Prop
>  : ^^^^

    return <div>{p.b}</div>;
><div>{p.b}</div> : JSX.Element
>                 : ^^^^^^^^^^^
>div : any
>    : ^^^
>p.b : string
>    : ^^^^^^
>p : Prop
>  : ^^^^
>b : string
>  : ^^^^^^
>div : any
>    : ^^^
}

// OK
let k = <Comp a={10} b="hi" children ="lol" />;
>k : JSX.Element
>  : ^^^^^^^^^^^
><Comp a={10} b="hi" children ="lol" /> : JSX.Element
>                                       : ^^^^^^^^^^^
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^
>a : number
>  : ^^^^^^
>10 : 10
>   : ^^
>b : string
>  : ^^^^^^
>children : string
>         : ^^^^^^

let k1 =
>k1 : JSX.Element
>   : ^^^^^^^^^^^

    <Comp a={10} b="hi">
><Comp a={10} b="hi">        hi hi hi!    </Comp> : JSX.Element
>                                                 : ^^^^^^^^^^^
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^
>a : number
>  : ^^^^^^
>10 : 10
>   : ^^
>b : string
>  : ^^^^^^

        hi hi hi!
    </Comp>;
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^

let k2 =
>k2 : JSX.Element
>   : ^^^^^^^^^^^

    <Comp a={10} b="hi">
><Comp a={10} b="hi">        <div>hi hi hi!</div>    </Comp> : JSX.Element
>                                                            : ^^^^^^^^^^^
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^
>a : number
>  : ^^^^^^
>10 : 10
>   : ^^
>b : string
>  : ^^^^^^

        <div>hi hi hi!</div>
><div>hi hi hi!</div> : JSX.Element
>                     : ^^^^^^^^^^^
>div : any
>    : ^^^
>div : any
>    : ^^^

    </Comp>;
>Comp : (p: Prop) => JSX.Element
>     : ^ ^^    ^^^^^^^^^^^^^^^^