小编Ahm*_*oli的帖子

React.js:以编程方式提交表单不会触发onSubmit事件

我想在点击链接后提交React表单.

为此,我需要以编程方式提交表单,如果单击该链接.

我的问题是:onSubmit表单提交后没有触发处理程序.

这是我为此目的剪辑的代码:

var MyForm = React.createClass({
  handleSubmit: function(e){
    console.log('Form submited');
     e.preventDefault();
  },
  submitForm : function(e){
    this.refs.formToSubmit.submit();
  },
  render: function() {
    return (
    <form ref="formToSubmit" onSubmit={this.handleSubmit}>
    <input name='myInput'/>
    <a onClick={this.submitForm}>Validate</a>
    </form>);
  }
});

ReactDOM.render(
  <MyForm name="World" />,
  document.getElementById('container')
);
Run Code Online (Sandbox Code Playgroud)

handleSubmit不调用并执行默认行为(提交表格).这是一个ReactJs错误还是正常行为?有没有办法调用onSubmit处理程序?

forms onsubmit reactjs

22
推荐指数
4
解决办法
1万
查看次数

标签 统计

forms ×1

onsubmit ×1

reactjs ×1