如何以正确的方式触发提交表单？

Question

我需要在表单上触发一个提交，然后用javascript处理它。这是组件的样子

var CommentForm = React.createClass({ 
    handleSubmit: function(e) { 
    alert("YES again"); 
    return; 
    }, 
    render: function() { 
    return (
     <div className="postCon"> 
      <form className="commentForm" onSubmit={this.handleSubmit}> 
      <textarea className="textA input" placeholder="Your comment" ref="author" /> 
      </form> 
     </div> 
    ); 
    } 
}) 

而且这是supose触发提交正确的jQuery的反应方法

<script> 
     $(function(){ 
      $('.textA').autosize(); 
     }); 
     $('.textA').keypress(function (e) { 
      if (e.which == 13 && !event.shiftKey) { 
       e.preventDefault(); 
       $(this).closest("form").submit(); 
       return false; //prevent duplicate submission 
      } 
     }); 
    </script> 

的问题是，表格将被发送和handleSubmit永远不会被触发？这是做这件事的正确方式还是我过分复杂？

Answer 1

使用键盘事件从阵营 - http://facebook.github.io/react/docs/events.html 例如：

var CommentForm = React.createClass({ 
    handleSubmit: function(e) { 
    alert("YES again"); 
    return; 
    }, 
    handleKeyPress: function(e){console.log(e.which);if(e.which == 13){this.handleSubmit();}}, 
    render: function() { 
    return (
     <div className="postCon"> 
      <form className="commentForm" onSubmit={this.handleSubmit}> 
      <textarea onKeyPress={this.handleKeyPress} className="textA input" placeholder="Your comment" ref="author" /> 
      </form> 
     </div> 
    ); 
    } 
})