React Refs 'Wert wird nicht angezeigt

Question

Dies ist ein sehr einfaches Beispiel. Ich habe ein Formular, und ich brauche den Wert eines ausgeblendeten Feld so ref Ich brauche zu verwenden:

<form> 
<input ref="num" type="hidden" name="amount" value="99"/> 
</form> 

var number = this.refs.num.value; 

console.log(number); // nothing 
console.log(this.refs.num); // shows the field 

Wie man den Wert mit ref bekommen?

Answer 1

Ich glaube, Sie Wert zu erhalten, vor dem Rendern, versuchen Sie dies:

handleSubmit(e) { 
    if (e) { 
    e.preventDefault(); 
    } 
    var value = this.refs.num.value; 
    console.log(value); 
} 

render() { 
    console.log(this.refs.num ? this.refs.num.value : ''); 
    return (
    <form> 
     <input ref="num" type="hidden" name="amount" value="99" /> 
     <a onClick={this.handleSubmit.bind(this)}>submit</a> 
    </form> 
); 
} 

Ausgang auf den ersten leeren String sein würde und 99 nach machen: