错误:onSubmit在reactjs jsx render方法上不起作用

我试图在节点服务器上的反应组件内创build一个表单,但我的onSubmit attr没有被编译。 任何想法为什么? 这是我的代码:

/** @jsx React.DOM **/ var React = require('react'); module.exports = UserForm = React.createClass({ handleSubmit: function (e) { e.preventDefault(); console.log("teste"); }, render : function () { return ( <div className="container"> <form onSubmit= { this.handleSubmit } className="section"> <button className="btn waves-effect waves-light" type="submit"> Entrar <i className="mdi-content-send right"></i> </button> </form> </div> ) } }); 

而这个呈现的代码的输出是这样的:

 <div class="container" data-reactid=".1vxqgp72xa8" data-react-checksum="-1342114635"> <form class="section" data-reactid=".1vxqgp72xa8.0"> <button class="btn waves-effect waves-light" type="submit" data-reactid=".1vxqgp72xa8.0.1"> <span data-reactid=".1vxqgp72xa8.0.1.0">Entrar</span> <i class="mdi-content-send right" data-reactid=".1vxqgp72xa8.0.1.1"></i> </button><div class="preloader-wrapper big active" data-reactid=".1vxqgp72xa8.0.2"> </form> </div> 

这可能是一个愚蠢的错误,有人可以帮我find它吗?

谢谢你们

很简单,你不提供callback。 它应该是这样的:

 <form onSubmit={ this.handleSubmit } className="section"> 

编辑:在评论中的一个小讨论后,很明显,你没有安装在前端的应用程序后,提供服务器呈现HTML到浏览器。 页面加载后调用这个:

 React.render(React.createElement(UserForm, {}), domElement); 
Interesting Posts