Webform onSubmit 无法处理更多 React 中的输入

Question

我在 meteor 中有一个带有 webform 的 React 组件。以下代码工作正常并在控制台中打印 hello addtile：

export default  class NewTileForm extends Component {
  addTile(event){
    event.preventDefault();
    console.log("hello addtile")
  }
 render(){
    return(
        <div>
          <form className="tile-new" onSubmit={this.addTile.bind(this)}>
            <input  type="text"
                    ref="tile"
                    placeholder="Tile Title"/>
          </form>
        </div>
     )
  }
}

但是，如果我尝试向网络表单添加输入，则控制台日志没有任何响应：

 export default  class NewTileForm extends Component {
  addTile(event){
    event.preventDefault();
    console.log("hello addtile")
  }
 render(){
    return(
        <div>
          <form className="tile-new" onSubmit={this.addTile.bind(this)}>
            <input  type="text"
                    ref="tile"
                    placeholder="Tile Title"/>
            <input  type="text"
                    ref="company"
                    placeholder="Tile Company"/>
          </form>
        </div>
     )
  }
}

我错过了什么？

Answer 1

这是 "a browser thing" - 如果没有提交或按钮，您将无法使用回车键提交表单。不，它不是特定的反应。老实说，不确定为什么它与一个一起工作 - 不确定那里的警告。

任何人，Whosebug 都有很多关于解决这个问题的答案（当你删除 react as the problem 时）：

Submitting a form by pressing enter without a submit button

Webform onSubmit 无法处理更多 React 中的输入

Webform onSubmit not working with more that on input in React

meteor

reactjs

meteor-react