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
|
//// [file.tsx]
import React = require('react')
declare function OverloadComponent<U>(): JSX.Element;
declare function OverloadComponent<U>(attr: {b: U, a?: string, "ignore-prop": boolean}): JSX.Element;
declare function OverloadComponent<T, U>(attr: {b: U, a: T}): JSX.Element;
// OK
function Baz<T extends {b: number}, U extends {a: boolean, b:string}>(arg1: T, arg2: U) {
let a0 = <OverloadComponent {...arg1} a="hello" ignore-prop />;
let a1 = <OverloadComponent {...arg2} ignore-pro="hello world" />;
let a2 = <OverloadComponent {...arg2} />;
let a3 = <OverloadComponent {...arg1} ignore-prop />;
let a4 = <OverloadComponent />;
let a5 = <OverloadComponent {...arg2} ignore-prop="hello" {...arg1} />;
let a6 = <OverloadComponent {...arg2} ignore-prop {...arg1} />;
}
declare function Link<U>(l: {func: (arg: U)=>void}): JSX.Element;
declare function Link<U>(l: {func: (arg1:U, arg2: string)=>void}): JSX.Element;
function createLink(func: (a: number)=>void) {
let o = <Link func={func} />
let o1 = <Link func={(a:number, b:string)=>{}} />;
}
//// [file.jsx]
define(["require", "exports", "react"], function (require, exports, React) {
"use strict";
exports.__esModule = true;
// OK
function Baz(arg1, arg2) {
var a0 = <OverloadComponent {...arg1} a="hello" ignore-prop/>;
var a1 = <OverloadComponent {...arg2} ignore-pro="hello world"/>;
var a2 = <OverloadComponent {...arg2}/>;
var a3 = <OverloadComponent {...arg1} ignore-prop/>;
var a4 = <OverloadComponent />;
var a5 = <OverloadComponent {...arg2} ignore-prop="hello" {...arg1}/>;
var a6 = <OverloadComponent {...arg2} ignore-prop {...arg1}/>;
}
function createLink(func) {
var o = <Link func={func}/>;
var o1 = <Link func={function (a, b) { }}/>;
}
});
|