File: tsxInArrowFunction.js

package info (click to toggle)
node-typescript 3.3.3333-1
  • links: PTS, VCS
  • area: main
  • in suites: buster
  • size: 324,548 kB
  • sloc: makefile: 6; sh: 3
file content (33 lines) | stat: -rw-r--r-- 724 bytes parent folder | download | duplicates (5)
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>;