@@ -37,7 +37,7 @@ var Nav;
37
37
// Input (JSX):
38
38
var app = < Nav color= " blue" / > ;
39
39
// Output (JS):
40
- var app = Nav ({color: ' blue' });
40
+ var app = Nav ({color: ' blue' }, null );
41
41
```
42
42
43
43
Notice that in order to use ` <Nav /> ` , the ` Nav ` variable must be in scope.
@@ -49,7 +49,7 @@ var Nav, Profile;
49
49
// Input (JSX):
50
50
var app = < Nav color= " blue" >< Profile> click< / Profile>< / Nav> ;
51
51
// Output (JS):
52
- var app = Nav ({color: ' blue' }, Profile ({} , ' click' ));
52
+ var app = Nav ({color: ' blue' }, Profile (null , ' click' ));
53
53
```
54
54
55
55
Use the [ JSX Compiler] ( /react/jsx-compiler.html ) to try out JSX and see how it
@@ -114,7 +114,7 @@ var Nav;
114
114
// Input (JSX):
115
115
var tree = < Nav>< span / >< / Nav> ;
116
116
// Output (JS):
117
- var tree = Nav ({} , React .DOM .span ({} ));
117
+ var tree = Nav (null , React .DOM .span (null , null ));
118
118
```
119
119
120
120
> Remember:
@@ -145,7 +145,7 @@ Likewise, JavaScript expressions may be used to express children:
145
145
// Input (JSX):
146
146
var content = < Container> {window .isLoggedIn ? < Nav / > : < Login / > }< / Container> ;
147
147
// Output (JS):
148
- var content = Container ({} , window .isLoggedIn ? < Nav / > : < Login / > );
148
+ var content = Container (null , window .isLoggedIn ? Nav ( null , null ) : Login ( null , null ) );
149
149
```
150
150
151
151
## Tooling
0 commit comments