Webform onsubmit arbeitet nicht mit mehr, dass bei der Eingabe in Reaktion

Question

Ich habe eine Komponente in Meteor reagiert mit einem Web-Formular in dem folgenden Code funktioniert gut und druckt hallo addtile in der Konsole.

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

Allerdings, wenn ich versuche, dem Webformular eine Eingabe hinzuzufügen Ich erhalte keine Antwort vom Konsolenprotokoll:

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

Was fehlt mir?

Answer 1

Dies ist "eine Browser-Sache" - Sie können kein Formular mit der Enter-Taste und ohne eine Submit oder Schaltfläche senden. Nein, es ist nicht spezifisch für die Reaktion. Um ehrlich zu sein, nicht sicher, warum es mit einem funktioniert - nicht sicher, der Vorbehalt dort.

Anywho, Stackoverflow hat viele Antworten über dieses Problem anzugehen (wenn Sie entfernen reagieren als das Problem):

Submitting a form by pressing enter without a submit button