Node.js 错误:onSubmit不';不要使用ReactJSJSX呈现方法
我正试图在节点服务器上的react组件中创建一个表单,但我的onSubmit attr没有被编译。你知道为什么吗? 这是我的密码:Node.js 错误:onSubmit不';不要使用ReactJSJSX呈现方法,node.js,reactjs,onsubmit,Node.js,Reactjs,Onsubmit,我正试图在节点服务器上的react组件中创建一个表单,但我的onSubmit attr没有被编译。你知道为什么吗? 这是我的密码: /** @jsx React.DOM **/ var React = require('react'); module.exports = UserForm = React.createClass({ handleSubmit: function (e) { e.preventDefault(); console.log
/** @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>
)
}
});
/**@jsx React.DOM**/
var React=要求('React');
module.exports=UserForm=React.createClass({
handleSubmit:函数(e){
e、 预防默认值();
控制台日志(“teste”);
},
渲染:函数(){
返回(
诱捕者
)
}
});
该渲染代码的输出如下所示:
<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>
诱捕者
这可能是一个愚蠢的错误,有人能帮我找到它吗
谢谢大家很简单,您没有提供回调。应该是这样的:
<form onSubmit={ this.handleSubmit } className="section">
刚刚用您的答案更新了我的问题,但仍然不起作用,我读了一些关于事件服务器端呈现问题的文章。这可能与此有关吗?使用而不是按钮如何?此外,如果您正在呈现应用程序服务器端,是否也正在装载应用程序客户端?你需要两者兼而有之。添加componentDidMount处理程序并确保应用程序正在运行。nope=/,我认为问题与onSubmit事件甚至没有呈现到最终html的事实有关。您是对的,componentDidMount从未调用过。我需要做什么才能安装它?
React.render(React.createElement(UserForm, {}), domElement);