Use ES6 in Language Tooling doc
ankitml committed
May 24, 2016 at 02:15 UTC
eddcee9884c2ccd849b6d1b1b5dccc966c47ae8e
1 file changed
+12
-17
docs/docs/09.1-language-tooling.md
+12
-17
@@ -37,28 +37,23 @@ Example output:
37
38
```
39
$ cat test.js
40
-var HelloMessage = React.createClass({
41
- render: function() {
42
- return <div>Hello {this.props.name}</div>;
43
- }
44
-});
40
+function HelloMessage(props) {
41
+ return <div>Hello {props.name}</div>;
42
+}
43
44
ReactDOM.render(<HelloMessage name="John" />, mountNode);
45
+
46
$ babel test.js
47
"use strict";
48
50
-var HelloMessage = React.createClass({
51
- displayName: "HelloMessage",
52
-
53
- render: function render() {
54
- return React.createElement(
55
- "div",
56
- null,
57
- "Hello ",
58
- this.props.name
59
- );
60
- }
61
-});
49
+function HelloMessage(props) {
50
+ return React.createElement(
51
+ "div",
52
+ null,
53
+ "Hello ",
54
+ props.name
55
+ );
56
+}
57
58
ReactDOM.render(React.createElement(HelloMessage, { name: "John" }), mountNode);
59
```