0

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

私は何が欠けていますか？

4

1 に答える 1

0

これは「ブラウザの問題」です。送信またはボタンなしで、Enter キーを使用してフォームを送信することはできません。いいえ、特定の反応ではありません。正直なところ、なぜそれが機能したのかわかりません-そこにある警告がわからない.

とにかく、Stackoverflowには、この問題への取り組みに関する多くの回答があります（反応を問題として削除した場合）：

送信ボタンなしでEnterキーを押してフォームを送信する

于 2016-05-12T15:04:16.673 に答える