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
|
=== tests/cases/compiler/tsxReactPropsInferenceSucceedsOnIntersections.tsx ===
/// <reference path="react16.d.ts" />
import React from "react";
>React : typeof React
export type ButtonProps<T = {}> = React.ButtonHTMLAttributes<HTMLButtonElement> & {
>ButtonProps : ButtonProps<T>
>React : any
outline?: boolean;
>outline : boolean | undefined
} & T;
declare class Button<T = {}> extends React.Component<ButtonProps<T>> { }
>Button : Button<T>
>React.Component : React.Component<ButtonProps<T>, {}, any>
>React : typeof React
>Component : typeof React.Component
interface CustomButtonProps extends ButtonProps {
customProp: string;
>customProp : string
}
const CustomButton: React.SFC<CustomButtonProps> = props => <Button {...props} />;
>CustomButton : React.StatelessComponent<CustomButtonProps>
>React : any
>props => <Button {...props} /> : (props: CustomButtonProps & { children?: React.ReactNode; }) => JSX.Element
>props : CustomButtonProps & { children?: React.ReactNode; }
><Button {...props} /> : JSX.Element
>Button : typeof Button
>props : CustomButtonProps & { children?: React.ReactNode; }
|
