docs(examples): ES7ify examples

tomchentw · Aug 7, 2015 · a8ea37a · a8ea37a
1 parent 8e0483b
commit a8ea37a
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 65 deletions.
diff --git a/examples/gh-pages/scripts/NavHeaderBar.js b/examples/gh-pages/scripts/NavHeaderBar.js
@@ -22,17 +22,15 @@ export default class NavHeaderBar extends Component {
     rightActions: actionsArrayType,
   }
 
-  constructor (props, ...restArgs) {
-    super({
-      onNavigateTo: noop,
-      actions: [],
-      dropdownActions: [],
-      rightActions: [],
-      ...props,
-    }, ...restArgs);
-    this.state = {
-      dropdownOpen: false,
-    };
+  static defaultProps = {
+    onNavigateTo: noop,
+    actions: [],
+    dropdownActions: [],
+    rightActions: [],
+  }
+
+  state = {
+    dropdownOpen: false,
   }
 
   _handle_click () {

diff --git a/examples/gh-pages/scripts/ReactRoot.js b/examples/gh-pages/scripts/ReactRoot.js
@@ -155,11 +155,8 @@ const ALL_ACTIONS = ACTIONS.concat(DROPDOWN_ACTIONS.filter((x) => { return !!x;
 
 export default class ReactRoot extends Component {
 
-  constructor (...args) {
-    super(args);
-    this.state = {
-      action: ACTIONS[0],
-    };
+  state = {
+    action: ACTIONS[0],
   }
 
   componentWillMount () {

diff --git a/examples/gh-pages/scripts/components/GeojsonToComponents.js b/examples/gh-pages/scripts/components/GeojsonToComponents.js
@@ -43,33 +43,30 @@ function geometryToComponentWithLatLng (geometry) {
  */
 export default class GeojsonToComponents extends Component {
 
-  constructor (...args) {
-    super(...args);
-    this.state = {
-      geoJson: this.props.initialGeoJson,
-      geoStateBy: {
-        0: {
-          ref: "map",
-          style: {height: "100%"},
-          onClick: this._handle_map_click,
-          onZoomChanged: this._handle_map_zoom_changed,
-        },
-        1: {
-          ref: "centerMarker",
-          visible: true,
-          draggable: true,
-          onDragend: this._handle_marker_dragend,
-          onClick: this._handle_marker_click,
-          child: {
-            content: "Bermuda Triangle",
-            owner: "centerMarker",
-          },
-        },
-        3: {
-          onRightclick: this._handle_polygon_rightclick,
+  state = {
+    geoJson: this.props.initialGeoJson,
+    geoStateBy: {
+      0: {
+        ref: "map",
+        style: {height: "100%"},
+        onClick: this._handle_map_click,
+        onZoomChanged: this._handle_map_zoom_changed,
+      },
+      1: {
+        ref: "centerMarker",
+        visible: true,
+        draggable: true,
+        onDragend: this._handle_marker_dragend,
+        onClick: this._handle_marker_click,
+        child: {
+          content: "Bermuda Triangle",
+          owner: "centerMarker",
         },
       },
-    };
+      3: {
+        onRightclick: this._handle_polygon_rightclick,
+      },
+    },
   }
 
   _handle_map_click = () => {

diff --git a/examples/gh-pages/scripts/components/GettingStarted.js b/examples/gh-pages/scripts/components/GettingStarted.js
@@ -13,18 +13,15 @@ const {update} = addons;
  */
 export default class GettingStarted extends Component {
 
-  constructor (...args) {
-    super(...args);
-    this.state = {
-      markers: [{
-        position: {
-          lat: 25.0112183,
-          lng: 121.52067570000001,
-        },
-        key: "Taiwan",
-        defaultAnimation: 2
-      }],
-    };
+  state = {
+    markers: [{
+      position: {
+        lat: 25.0112183,
+        lng: 121.52067570000001,
+      },
+      key: "Taiwan",
+      defaultAnimation: 2
+    }],
   }
 
   /*

diff --git a/examples/simplemap/scripts/SimpleMap.js b/examples/simplemap/scripts/SimpleMap.js
@@ -13,18 +13,15 @@ const {update} = addons;
  */
 export default class SimpleMap extends Component {
 
-  constructor (...args) {
-    super(...args);
-    this.state = {
-      markers: [{
-        position: {
-          lat: 25.0112183,
-          lng: 121.52067570000001,
-        },
-        key: "Taiwan",
-        defaultAnimation: 2
-      }],
-    };
+  state = {
+    markers: [{
+      position: {
+        lat: 25.0112183,
+        lng: 121.52067570000001,
+      },
+      key: "Taiwan",
+      defaultAnimation: 2,
+    }],
   }
 
   componentDidMount () {