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/checkJsxSubtleSkipContextSensitiveBug.tsx ===
/// <reference path="react16.d.ts" />
import * as React from "react";
>React : typeof React
interface ErrorResult { error: true }
>error : true
>true : true
interface AsyncLoaderProps<TResult> {
readonly prop1: () => Promise<TResult>;
>prop1 : () => Promise<TResult>
readonly prop2: (result: Exclude<TResult, ErrorResult>) => any;
>prop2 : (result: Exclude<TResult, ErrorResult>) => any
>result : Exclude<TResult, ErrorResult>
}
class AsyncLoader<TResult> extends React.Component<AsyncLoaderProps<TResult>> {
>AsyncLoader : AsyncLoader<TResult>
>React.Component : React.Component<AsyncLoaderProps<TResult>, {}, any>
>React : typeof React
>Component : typeof React.Component
render() { return null; }
>render : () => null
>null : null
}
async function load(): Promise<{ success: true } | ErrorResult> {
>load : () => Promise<ErrorResult | { success: true; }>
>success : true
>true : true
return { success: true };
>{ success: true } : { success: true; }
>success : true
>true : true
}
const loader = <AsyncLoader
>loader : JSX.Element
><AsyncLoader prop1={load} prop2={result => result}/> : JSX.Element
>AsyncLoader : typeof AsyncLoader
prop1={load}
>prop1 : () => Promise<ErrorResult | { success: true; }>
>load : () => Promise<ErrorResult | { success: true; }>
prop2={result => result}
>prop2 : (result: { success: true; }) => { success: true; }
>result => result : (result: { success: true; }) => { success: true; }
>result : { success: true; }
>result : { success: true; }
/>;
|
