鍍金池/ 問答/HTML/ react怎么獲得真實dom

react怎么獲得真實dom

React的組件中使用AntD的一些問題

我想得到文本框中的value值

class Demo extends Component{ //

onChange(){//文本框改變內(nèi)容觸發(fā)的事件
console.log(this.refs.input1)//出來一串input的詳細內(nèi)容（Input{props:{…},context:{…}等等）
console.log(this.refs.input1.value)//undefined
}

render(){
retrn(
<div>

 <Input ref='input1' onChange={this.onChange}/>

</div>
)
}

回答
編輯回答
兮顏

onChange事件就提供了value的值。

<Input ref='input1' onChange={input => this.onChange(input)}/>


onChange(input) {
    const value = input.target.value;
    console.log(value); //這就是Input的值。
}
2018年8月4日 15:23
編輯回答
墨小白

被我抓到了
console.log(this.refs.input1.input.value)

2017年12月25日 02:06