反應參考值不顯示

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

輸出將是空字符串，在第一和99渲染後：