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
}
}
let obj = {
>obj : { x: string; y: number; }
>{ x: "hello world", y: 2} : { x: string; y: number; }
x: "hello world",
>x : string
>"hello world" : "hello world"
y: 2
>y : number
>2 : 2
};
// Error as "obj" has type { x: string; y: number }
let p = <Poisoned {...obj} />;
>p : JSX.Element
><Poisoned {...obj} /> : JSX.Element
>Poisoned : typeof Poisoned
>obj : { x: string; y: number; }
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
}
greeting: string;
>greeting : string
}
let o = {
>o : { prop1: boolean; }
>{ prop1: false} : { prop1: boolean; }
prop1: false
>prop1 : boolean
>false : false
}
// Ok
let e = <EmptyProp {...o} />;
>e : JSX.Element
><EmptyProp {...o} /> : JSX.Element
>EmptyProp : typeof EmptyProp
>o : { prop1: boolean; }
|