File: tsxStatelessFunctionComponentsWithTypeArguments3.js

package info (click to toggle)
node-typescript 3.3.3333-1
  • links: PTS, VCS
  • area: main
  • in suites: buster
  • size: 324,548 kB
  • sloc: makefile: 6; sh: 3
file content (44 lines) | stat: -rw-r--r-- 1,875 bytes parent folder | download | duplicates (4)
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) { }}/>;
    }
});