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
|
//// [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>;
|