1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
// @jsx: preserve
// @filename: index.tsx
namespace JSX {
export interface Element {}
}
export type CatInfo = { type: 'Cat'; subType: string; };
export type DogInfo = { type: 'Dog'; };
export type AnimalInfo = CatInfo | DogInfo;
function AnimalComponent(info: AnimalInfo): JSX.Element {
return undefined as any;
}
function getProps(): AnimalInfo {
// this may be from server or whatever ...
return { type: 'Cat', subType: 'Large' };
}
var props:AnimalInfo = getProps();
var component = <AnimalComponent {...props} />
var props2:AnimalInfo = { type: 'Cat', subType: 'Large' };
var component2 = <AnimalComponent {...props2} />
|
