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
|
//// [reactSFCAndFunctionResolvable.tsx]
/// <reference path="/.lib/react16.d.ts" />
import * as React from 'react';
declare const Radio: (props: {}) => React.ReactElement<{}>;
declare const OtherRadio: () => React.ReactElement<{}>;
declare const Checkbox: React.SFC;
declare const condition1: boolean;
declare const condition2: boolean;
declare const condition3: boolean;
const RandomComponent: React.SFC = () => {
const Component =
condition1
? Radio
: Checkbox;
const OtherComponent =
condition2
? OtherRadio
: Checkbox;
return condition1 ? <Component /> : <OtherComponent />;
};
//// [reactSFCAndFunctionResolvable.js]
"use strict";
/// <reference path="react16.d.ts" />
exports.__esModule = true;
var React = require("react");
var RandomComponent = function () {
var Component = condition1
? Radio
: Checkbox;
var OtherComponent = condition2
? OtherRadio
: Checkbox;
return condition1 ? React.createElement(Component, null) : React.createElement(OtherComponent, null);
};
|