Question

JSBin：https://jsbin.com/qotuxofalo/edit?js,output

（^使用ES6类，所以请使用最新的浏览器进行测试）

如果我注释掉表单提交的第二个input，但未提交超过1 input的内容。

我错过了什么？

Answer 1

您需要添加input类型submit才能使表单生效。请查看以下示例。添加即按Enter键将提交表单。如果您不想要提交按钮，可以使用css隐藏它。

演示：

https://jsbin.com/mafafoxoji/1/edit?js,output

Answer 2

如果需要，您还可以使用onChange事件处理程序访问正在输入的文本：https://jsbin.com/moqogag/edit?js,output

class App extends React.Component {
  constructor(props) {
    super(props)
    this.handleChange = this.handleChange.bind(this)
  }
  handleChange(e) {
    console.log("CHANGING")
    console.log(e.target.value)
  }
  render() {
    return React.DOM.form({ onChange: this.handleChange, action: "" }, [
      React.DOM.input({ type: "text" }),
      React.DOM.input({ type: "text" })
    ])
  }
}



ReactDOM.render(
  React.createElement(App),
  document.getElementById("app")
)

Reactjs：具有多个输入的表单不提交

2 个答案: