meteor - 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>
     )
  }
}

但是，如果我尝试向 web 表单添加输入，我不会从控制台日志中得到任何响应：

 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

这是“浏览器的事情” - 您不能使用回车键提交表单并且没有提交或按钮。不，它不是特定的反应。老实说，不知道为什么它与一个人一起工作 - 不确定那里的警告。

Anywho，Stackoverflow 有很多关于解决这个问题的答案（当你删除 react 作为问题时）：

通过不带提交按钮按 Enter 提交表单