35 lines
725 B
TypeScript
35 lines
725 B
TypeScript
//// [tsxInArrowFunction.tsx]
|
|
|
|
declare namespace JSX {
|
|
interface Element { }
|
|
interface IntrinsicElements {
|
|
div: {
|
|
text?: string;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
// didn't work
|
|
<div>{() => <div text="wat" />}</div>;
|
|
|
|
// didn't work
|
|
<div>{x => <div text="wat" />}</div>;
|
|
|
|
// worked
|
|
<div>{() => (<div text="wat" />)}</div>;
|
|
|
|
// worked (!)
|
|
<div>{() => <div text="wat"></div>}</div>;
|
|
|
|
|
|
//// [tsxInArrowFunction.jsx]
|
|
// didn't work
|
|
<div>{function () { return <div text="wat"/>; }}</div>;
|
|
// didn't work
|
|
<div>{function (x) { return <div text="wat"/>; }}</div>;
|
|
// worked
|
|
<div>{function () { return (<div text="wat"/>); }}</div>;
|
|
// worked (!)
|
|
<div>{function () { return <div text="wat"></div>; }}</div>;
|