Snippets

Joo Comment.jsx

Updated by Joo
View revision

File Comment.js Deleted

  • Ignore whitespace
  • Hide word diff 
-var Comment = React.createClass({
-  render: function() {
-    return (
-      <li className="animation_up">
-          <div className="comment_profile">
-              <img src={this.props.thumbnail} />
-          </div>
-          <div className="comment_content">
-              <div>{this.props.author} {this.props.date}</div>
-              <div>{this.props.children}</div>
-          </div>
-      </li>
-    );
-  }
-});

File Comment.jsx Added

  • Ignore whitespace
  • Hide word diff 
+var Comment = React.createClass({
+  render: function() {
+    return (
+      <li className="animation_up">
+          <div className="comment_profile">
+              <img src={this.props.thumbnail} />
+          </div>
+          <div className="comment_content">
+              <div>{this.props.author} {this.props.date}</div>
+              <div>{this.props.children}</div>
+          </div>
+      </li>
+    );
+  }
+});
Updated by Joo
View revision

File Comment.js Added

  • Ignore whitespace
  • Hide word diff 
+var Comment = React.createClass({
+  render: function() {
+    return (
+      <li className="animation_up">
+          <div className="comment_profile">
+              <img src={this.props.thumbnail} />
+          </div>
+          <div className="comment_content">
+              <div>{this.props.author} {this.props.date}</div>
+              <div>{this.props.children}</div>
+          </div>
+      </li>
+    );
+  }
+});

File CommentBox.jsx Deleted

  • Ignore whitespace
  • Hide word diff 
-var CommentBox = React.createClass({
-	getInitialState: function() {
-		return {
-			count: sample.count,
-			data: sample.list
-		};
-	},
-	handleCommentSubmit: function(comment) {
-		this.setState({
-			count: this.state.count + 1,
-			data: this.state.data.concat(comment)
-		});
-	},
-	handleMoreList: function() {
-		this.setState({
-			data: sample.olderList.concat(this.state.data)
-		});
-	},
-	render: function() {
-		return (
-			<div className="commentBox">
-				<h3>Comments {this.state.count}</h3>
-				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
-				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
-			</div>
-		);
-	}
-});
Updated by Joo
View revision

File CommentBox.js Deleted

  • Ignore whitespace
  • Hide word diff 
-var CommentBox = React.createClass({
-	getInitialState: function() {
-		return {
-			count: sample.count,
-			data: sample.list
-		};
-	},
-	handleCommentSubmit: function(comment) {
-		this.setState({
-			count: this.state.count + 1,
-			data: this.state.data.concat(comment)
-		});
-	},
-	handleMoreList: function() {
-		this.setState({
-			data: sample.olderList.concat(this.state.data)
-		});
-	},
-	render: function() {
-		return (
-			<div className="commentBox">
-				<h3>Comments {this.state.count}</h3>
-				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
-				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
-			</div>
-		);
-	}
-});

File CommentBox.jsx Added

  • Ignore whitespace
  • Hide word diff 
+var CommentBox = React.createClass({
+	getInitialState: function() {
+		return {
+			count: sample.count,
+			data: sample.list
+		};
+	},
+	handleCommentSubmit: function(comment) {
+		this.setState({
+			count: this.state.count + 1,
+			data: this.state.data.concat(comment)
+		});
+	},
+	handleMoreList: function() {
+		this.setState({
+			data: sample.olderList.concat(this.state.data)
+		});
+	},
+	render: function() {
+		return (
+			<div className="commentBox">
+				<h3>Comments {this.state.count}</h3>
+				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
+				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
+			</div>
+		);
+	}
+});
Updated by Joo
View revision

File CommentBox.js Added

  • Ignore whitespace
  • Hide word diff 
+var CommentBox = React.createClass({
+	getInitialState: function() {
+		return {
+			count: sample.count,
+			data: sample.list
+		};
+	},
+	handleCommentSubmit: function(comment) {
+		this.setState({
+			count: this.state.count + 1,
+			data: this.state.data.concat(comment)
+		});
+	},
+	handleMoreList: function() {
+		this.setState({
+			data: sample.olderList.concat(this.state.data)
+		});
+	},
+	render: function() {
+		return (
+			<div className="commentBox">
+				<h3>Comments {this.state.count}</h3>
+				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
+				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
+			</div>
+		);
+	}
+});

File CommentBox.jsx Deleted

  • Ignore whitespace
  • Hide word diff 
-var CommentBox = React.createClass({
-	getInitialState: function() {
-		return {
-			count: sample.count,
-			data: sample.list
-		};
-	},
-	handleCommentSubmit: function(comment) {
-		this.setState({
-			count: this.state.count + 1,
-			data: this.state.data.concat(comment)
-		});
-	},
-	handleMoreList: function() {
-		this.setState({
-			data: sample.olderList.concat(this.state.data)
-		});
-	},
-	render: function() {
-		return (
-			<div className="commentBox">
-				<h3>Comments {this.state.count}</h3>
-				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
-				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
-			</div>
-		);
-	}
-});
Created by Joo
View revision

File CommentBox.jsx Added

  • Ignore whitespace
  • Hide word diff 
+var CommentBox = React.createClass({
+	getInitialState: function() {
+		return {
+			count: sample.count,
+			data: sample.list
+		};
+	},
+	handleCommentSubmit: function(comment) {
+		this.setState({
+			count: this.state.count + 1,
+			data: this.state.data.concat(comment)
+		});
+	},
+	handleMoreList: function() {
+		this.setState({
+			data: sample.olderList.concat(this.state.data)
+		});
+	},
+	render: function() {
+		return (
+			<div className="commentBox">
+				<h3>Comments {this.state.count}</h3>
+				<CommentList data={this.state.data} count={this.state.count} onClickMoreList={this.handleMoreList} />
+				<CommentForm onCommentSubmit={this.handleCommentSubmit} />
+			</div>
+		);
+	}
+});
HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.