From 8a9323a5d3720622f6ef2514b9209d1e7f2b1bb5 Mon Sep 17 00:00:00 2001 From: Jay Landro Date: Fri, 8 Apr 2016 16:09:50 -0500 Subject: [PATCH 1/3] Update app.js Adding event.preventDefault(); to the handleSubmit method prevents the browser from submitting the form via standard mechanisms in turn engaging and demonstrating React mechanisms. --- examples/commentsBox/js/app.js | 1 + 1 file changed, 1 insertion(+) diff --git a/examples/commentsBox/js/app.js b/examples/commentsBox/js/app.js index 9bba597c..51979967 100644 --- a/examples/commentsBox/js/app.js +++ b/examples/commentsBox/js/app.js @@ -29,6 +29,7 @@ var CommentList = React.createClass({ var CommentForm = React.createClass({ handleSubmit: function() { + event.preventDefault(); var author = this.refs.author.getDOMNode().value.trim(); var text = this.refs.text.getDOMNode().value.trim(); this.props.onCommentSubmit({author: author, text: text}); From d83bc77940094f6484bb97d0b77e6a47767526fe Mon Sep 17 00:00:00 2001 From: Jay Landro Date: Fri, 8 Apr 2016 16:43:45 -0500 Subject: [PATCH 2/3] Update app.js Passed in the click event for preventDefault on handleSubmit --- examples/commentsBox/js/app.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/commentsBox/js/app.js b/examples/commentsBox/js/app.js index 51979967..02bad441 100644 --- a/examples/commentsBox/js/app.js +++ b/examples/commentsBox/js/app.js @@ -28,8 +28,8 @@ var CommentList = React.createClass({ var CommentForm = React.createClass({ - handleSubmit: function() { - event.preventDefault(); + handleSubmit: function(e) { + e.preventDefault(); var author = this.refs.author.getDOMNode().value.trim(); var text = this.refs.text.getDOMNode().value.trim(); this.props.onCommentSubmit({author: author, text: text}); From 792dad676796c32cc01ff1589088ab7b851875a5 Mon Sep 17 00:00:00 2001 From: Jay Landro Date: Fri, 8 Apr 2016 17:45:16 -0500 Subject: [PATCH 3/3] Update app.js Passed event into handleSubmit, removed return false. --- examples/commentsBox/js/app.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/examples/commentsBox/js/app.js b/examples/commentsBox/js/app.js index 02bad441..584feef4 100644 --- a/examples/commentsBox/js/app.js +++ b/examples/commentsBox/js/app.js @@ -28,14 +28,13 @@ var CommentList = React.createClass({ var CommentForm = React.createClass({ - handleSubmit: function(e) { - e.preventDefault(); + handleSubmit: function(event) { + event.preventDefault(); var author = this.refs.author.getDOMNode().value.trim(); var text = this.refs.text.getDOMNode().value.trim(); this.props.onCommentSubmit({author: author, text: text}); this.refs.author.getDOMNode().value = ''; this.refs.text.getDOMNode().value = ''; - return false; }, render: function() {