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
|
//// [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} />
//// [index.jsx]
"use strict";
exports.__esModule = true;
function AnimalComponent(info) {
return undefined;
}
function getProps() {
// this may be from server or whatever ...
return { type: 'Cat', subType: 'Large' };
}
var props = getProps();
var component = <AnimalComponent {...props}/>;
var props2 = { type: 'Cat', subType: 'Large' };
var component2 = <AnimalComponent {...props2}/>;
|