反应参考值不显示

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渲染后：