React Refs 'の値が表示されない

Question

これは非常に簡単な例です。私は、フォームを持っていると私は私がrefを使用する必要が隠しフィールドの値を必要とする：

<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 

参照して値を取得する方法は？

Answer 1

私はレンダリングする前に、これを試して、あなたが値を取得すると思う：

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

出力は、第1およびレンダリング後の99で空の文字列のようになります。