OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 12:20:20 +01:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Update syntax.md

Browse Source 
Some inconsistencies pointed out in FB comments
(cherry picked from commit b6451be582)
This commit is contained in:
Pete Hunt 2013-07-02 18:27:15 -07:00 committed by Paul O’Shannessy
parent 5cdc55664d
commit f7c56d77df
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/docs/syntax.md
View File

@ -37,7 +37,7 @@ var Nav;
// Input (JSX): // Input (JSX):
var app = <Nav color="blue" />; var app = <Nav color="blue" />;
// Output (JS): // Output (JS):
var app = Nav({color:'blue'}); var app = Nav({color:'blue'}, null);
``` ```
Notice that in order to use `<Nav />`, the `Nav` variable must be in scope. Notice that in order to use `<Nav />`, the `Nav` variable must be in scope.
@ -49,7 +49,7 @@ var Nav, Profile;
// Input (JSX): // Input (JSX):
var app = <Nav color="blue"><Profile>click</Profile></Nav>; var app = <Nav color="blue"><Profile>click</Profile></Nav>;
// Output (JS): // Output (JS):
var app = Nav({color:'blue'}, Profile({}, 'click')); var app = Nav({color:'blue'}, Profile(null, 'click'));
``` ```
Use the [JSX Compiler](/react/jsx-compiler.html) to try out JSX and see how it Use the [JSX Compiler](/react/jsx-compiler.html) to try out JSX and see how it
@ -114,7 +114,7 @@ var Nav;
// Input (JSX): // Input (JSX):
var tree = <Nav><span /></Nav>; var tree = <Nav><span /></Nav>;
// Output (JS): // Output (JS):
var tree = Nav({}, React.DOM.span({})); var tree = Nav(null, React.DOM.span(null, null));
``` ```
> Remember: > Remember:
@ -145,7 +145,7 @@ Likewise, JavaScript expressions may be used to express children:
// Input (JSX): // Input (JSX):
var content = <Container>{window.isLoggedIn ? <Nav /> : <Login />}</Container>; var content = <Container>{window.isLoggedIn ? <Nav /> : <Login />}</Container>;
// Output (JS): // Output (JS):
var content = Container({}, window.isLoggedIn ? <Nav /> : <Login />); var content = Container(null, window.isLoggedIn ? Nav(null, null) : Login(null, null));
``` ```
## Tooling ## Tooling