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
|
//// [index.tsx]
namespace JSX {
export interface Element {}
}
type Props<T> = PropsBase<string> | PropsWithConvert<T>;
interface PropsBase<T> {
data: T;
}
interface PropsWithConvert<T> extends PropsBase<T> {
convert: (t: T) => string;
}
function ShouldInferFromData<T>(props: Props<T>): JSX.Element {
return <div />;
}
// Sanity check: function call equivalent versions work fine
ShouldInferFromData({ data: "1" });
ShouldInferFromData({ data: "1", convert: n => "" + n });
ShouldInferFromData({ data: 2, convert: n => "" + n });
const f1 = <ShouldInferFromData data={"1"} />;
const f2 = <ShouldInferFromData data={"1"} convert={n => "" + n} />;
const f3 = <ShouldInferFromData data={2} convert={n => "" + n} />;
//// [index.jsx]
function ShouldInferFromData(props) {
return <div />;
}
// Sanity check: function call equivalent versions work fine
ShouldInferFromData({ data: "1" });
ShouldInferFromData({ data: "1", convert: function (n) { return "" + n; } });
ShouldInferFromData({ data: 2, convert: function (n) { return "" + n; } });
var f1 = <ShouldInferFromData data={"1"}/>;
var f2 = <ShouldInferFromData data={"1"} convert={function (n) { return "" + n; }}/>;
var f3 = <ShouldInferFromData data={2} convert={function (n) { return "" + n; }}/>;
|