Soumettre le formulaire en ReactJS à l'aide du BOUTON de l'élément

Quelques mots à propos de ma situation: je suis en train de construire le formulaire à l'aide de ReactJS et si il a <input type="submit"> élément, il fonctionne très bien: les formes soumet en appuyant sur entrée dans input[type="text"] et en appuyant sur l'élément submit (Et il y a aussi des vérifications de travail par ReactJS lorsque le formulaire n'est pas soumis si rien n'a changé).

Mais si je remplace input[type="submit"] avec <button>ButtonLabel</button> j'essaie d'utiliser de 2 façons:

  1. Obtenir le formulaire DOMNode élément et d'appel .méthode submit() qui n'est pas ok, car il n'a pas d'usage interne ReactJS logique
  2. Passer params de bouton comme
    <button type="submit" form="form-id">
    mais ça ne fonctionne toujours pas utiliser ReactJS vérifications (je ne veux pas envoyer le formulaire si rien n'a changé)

Donc, je voudrais vraiment l'apprécier si quelqu'un peut me suggérer comment soumettre le formulaire en ReactJS correctement à l'aide de BOUTON élément.

Merci!

OriginalL'auteur eh0t | 2014-05-29

  1. 17

    Le bouton de l'élément de travailler exactement comme vous vous attendez à fournir le type est défini sur un bouton de soumission et la forme a un onsubmit gestionnaire.

    <form ref="form" onSubmit={this.handleSubmit}>
    <button type="submit">Do the thing</button>
</form>
    et pour ajouter à cela, vous pouvez faire handleSubmit: function(e){ if (!this.validate()) { e.preventDefault() } }

    OriginalL'auteur i_like_robots