React.createElement syntax (#9459)
* React.createElement syntax Added React.createElement syntax. I think this is required for this tutorial. * Reword
RSG committed
Apr 26, 2017 at 16:25 UTC
9824d52a4c9555aea2da4390e7fb8f61cc93c62f
1 file changed
+4
-2
docs/tutorial/tutorial.md
+4
-2
@@ -93,11 +93,13 @@ The `render` method returns a *description* of what you want to render, and then
93
94
```javascript
95
return React.createElement('div', {className: 'shopping-list'},
96
- React.createElement('h1', ...),
97
- React.createElement('ul', ...)
96
+ React.createElement('h1', /* ... h1 children ... */),
97
+ React.createElement('ul', /* ... ul children ... */)
98
);
99
```
100
101
+If you're curious, `createElement()` is described in more detail in the [API reference](/react/docs/react-api.html#createelement), but we won't be using it directly in this tutorial. Instead, we will keep using JSX.
102
+
103
You can put any JavaScript expression within braces inside JSX. Each React element is a real JavaScript object that you can store in a variable or pass around your program.
104
105
The `ShoppingList` component only renders built-in DOM components, but you can compose custom React components just as easily, by writing `<ShoppingList />`. Each component is encapsulated so it can operate independently, which allows you to build complex UIs out of simple components.