Move defaultProps example from lesson 06 to lesson 05

kay-is · Aug 7, 2018 · 1ec940a · 1ec940a
1 parent 4f6aa35
commit 1ec940a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/05-properties.html b/05-properties.html
@@ -19,6 +19,13 @@ <h2>{props.customData}</h2>
  )
 }
 
+// Add the defaultProps (function-)property to set the defaults
+// if nothing was provided by the user
+MyComponent.defaultProps = {
+ customData: "default-data",
+ className: "default-class",
+}
+
 var reactElement = <MyComponent className="abc" customData="world"/>
 
 // Which also works with an object and the spread (...) operator
@@ -48,4 +55,4 @@ <h2>{props.customData}</h2>
 var renderTarget = document.getElementById("app")
 
 ReactDOM.render(reactElement, renderTarget)
-</script>
+</script>
diff --git a/06-property-types.html b/06-property-types.html
@@ -34,13 +34,6 @@ <h2>{props.customData}</h2>
  customData: PropTypes.string,
 }
 
-// Add defaultProps (function-)property to set the defaults
-// if nothing was provided by the user
-MyComponent.defaultProps = {
- customData: "default",
- className: "default-class",
-}
-
 // This will show a warning in the console, because customData should be a string
 var reactElement = <MyComponent customData={123}/>
 
@@ -50,4 +43,4 @@ <h2>{props.customData}</h2>
 var renderTarget = document.getElementById("app")
 
 ReactDOM.render(reactElement, renderTarget)
-</script>
+</script>