@@ -37,7 +37,7 @@ var Nav;
3737// Input (JSX):
3838var app = < Nav color= " blue" / > ;
3939// Output (JS):
40- var app = Nav ({color: ' blue' });
40+ var app = Nav ({color: ' blue' }, null );
4141```
4242
4343Notice that in order to use ` <Nav /> ` , the ` Nav ` variable must be in scope.
@@ -49,7 +49,7 @@ var Nav, Profile;
4949// Input (JSX):
5050var app = < Nav color= " blue" >< Profile> click< / Profile>< / Nav> ;
5151// Output (JS):
52- var app = Nav ({color: ' blue' }, Profile ({} , ' click' ));
52+ var app = Nav ({color: ' blue' }, Profile (null , ' click' ));
5353```
5454
5555Use the [ JSX Compiler] ( /react/jsx-compiler.html ) to try out JSX and see how it
@@ -114,7 +114,7 @@ var Nav;
114114// Input (JSX):
115115var tree = < Nav>< span / >< / Nav> ;
116116// Output (JS):
117- var tree = Nav ({} , React .DOM .span ({} ));
117+ var tree = Nav (null , React .DOM .span (null , null ));
118118```
119119
120120> Remember:
@@ -145,7 +145,7 @@ Likewise, JavaScript expressions may be used to express children:
145145// Input (JSX):
146146var content = < Container> {window .isLoggedIn ? < Nav / > : < Login / > }< / Container> ;
147147// Output (JS):
148- var content = Container ({} , window .isLoggedIn ? < Nav / > : < Login / > );
148+ var content = Container (null , window .isLoggedIn ? Nav ( null , null ) : Login ( null , null ) );
149149```
150150
151151## Tooling
0 commit comments