Tepki - formda olsun göndermek POST parametreler

Question

(aşağıya bakınız) Tepki kullanıyorum ve bir formdan POST params almak istiyorum

: _onSubmitClick Geri arama durumunda

<form ref='form' className="form"> 
    <input type="text" className="signup-input" /> 
    <input type="text" className="signup-input" /> 
    <button className="btn btn-primary" onClick={this._onSubmitClick}>Submit</button> 
</form> 

, ben aynı başarmak istiyoruz $(".form").serialize() numaralı telefonu aramadan JQuery kullanmadan sonuçlanır.

Answer 1

var elements = this.refs.form.getDOMNode().elements; 

size sonra üzerinden yineleme input düğümlerin her biri içeren bir nesne sağlamaktadır.

<form ref='form' className="form"> 
    <input type="text" ref="firstName" className="signup-input" /> 
    <input type="text" ref="lastName" className="signup-input" /> 
    <button className="btn btn-primary" onClick={this._onSubmitClick}>Submit</button> 
</form> 

Sonra _onSubmitClick bunları erişmek için React.findDOMNode kullanmak: Her input üzerinde ref yerleştirebilirsiniz

Answer 2

_onSubmitClick: function() { 
    var firstName = React.findDOMNode(this.refs.firstName).getValue(); 
    var lastName = React.findDOMNode(this.refs.lastName).getValue(); 
    // ... 
} 

Answer 3

i birileri bu seveceksiniz düşünüyorum cevap ilaveten;)

export default class LoginView extends React.Component { 
    handleSubmit(evt) { 
     const formData = Array.from(evt.target.elements) 
      .filter(el => el.name) 
      .reduce((a, b) => ({...a, [b.name]: b.value}), {}); 
     console.log(formData); 
     evt.preventDefault(); 
     return false; 
    } 

    render() { 
     return (<form onSubmit={this.handleSubmit}>...</form>) 
    } 
}