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 42 43
|
//// [tests/cases/compiler/tsxDeepAttributeAssignabilityError.tsx] ////
//// [my-component.tsx]
import * as React from 'react'
interface MyProps {
x: string;
y: MyInnerProps;
}
interface MyInnerProps {
value: string;
}
export function MyComponent(_props: MyProps) {
return <span>my component</span>;
}
//// [file1.tsx]
import * as React from 'react'
import { MyComponent } from './my-component'
export const result = <MyComponent x="yes" y={{
value: 42
}} />;
//// [my-component.js]
"use strict";
exports.__esModule = true;
var React = require("react");
function MyComponent(_props) {
return React.createElement("span", null, "my component");
}
exports.MyComponent = MyComponent;
//// [file1.js]
"use strict";
exports.__esModule = true;
var React = require("react");
var my_component_1 = require("./my-component");
exports.result = React.createElement(my_component_1.MyComponent, { x: "yes", y: {
value: 42
} });
|