update comment-app2,3

YaomiHuang · Mar 31, 2017 · 4d79d8f · 4d79d8f
1 parent 8760a6d
commit 4d79d8f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/comment-app2-hoc/src/CommentApp.js b/comment-app2-hoc/src/CommentApp.js
@@ -11,7 +11,9 @@ class CommentApp extends Component {
 
   constructor (props) {
     super(props)
-    this.state = { comments: props.data }
+    this.state = {
+      comments: props.data || []
+    }
   }
 
   handleSubmitComment (comment) {

diff --git a/comment-app2-hoc/src/CommentList.js b/comment-app2-hoc/src/CommentList.js
@@ -7,17 +7,20 @@ class CommentList extends Component {
     onDeleteComment: PropTypes.func
   }
 
+  static defaultProps = {
+    comments: []
+  }
+
   handleDeleteComment (index) {
     if (this.props.onDeleteComment) {
       this.props.onDeleteComment(index)
     }
   }
 
   render() {
-    const comments = this.props.comments || []
     return (
       <div>
-        {comments.map((comment, i) =>
+        {this.props.comments.map((comment, i) =>
           <Comment
             comment={comment}
             key={i}

diff --git a/comment-app3/src/CommentApp.js b/comment-app3/src/CommentApp.js
@@ -11,7 +11,9 @@ class CommentApp extends Component {
 
   constructor (props) {
     super(props)
-    this.state = { comments: props.data }
+    this.state = {
+      comments: props.data || []
+    }
   }
 
   handleSubmitComment (comment) {

diff --git a/comment-app3/src/CommentList.js b/comment-app3/src/CommentList.js
@@ -7,17 +7,20 @@ class CommentList extends Component {
     onDeleteComment: PropTypes.func
   }
 
+  static defaultProps = {
+    comments: []
+  }
+
   handleDeleteComment (index) {
     if (this.props.onDeleteComment) {
       this.props.onDeleteComment(index)
     }
   }
 
   render() {
-    const comments = this.props.comments || []
     return (
       <div>
-        {comments.map((comment, i) =>
+        {this.props.comments.map((comment, i) =>
           <Comment
             comment={comment}
             key={i}