Question

我在meteor中有一个带有webform的反应组件。以下代码工作正常并在控制台中打印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>
     )
  }
}

但是，如果我尝试向webform添加输入，则控制台日志中没有响应：

 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有很多关于解决这个问题的答案（当你删除反应时）：

Submitting a form by pressing enter without a submit button

Webform onSubmit在React中的输入上没有使用更多

1 个答案: