首頁(yè) 猿問(wèn) react怎么獲得真實(shí)dom

react怎么獲得真實(shí)dom

JavaScript

慕勒3428872 2018-07-22 11:08:12

React的組件中使用AntD的一些問(wèn)題我想得到文本框中的value值class Demo extends Component{ //onChange(){//文本框改變內(nèi)容觸發(fā)的事件console.log(this.refs.input1)//出來(lái)一串input的詳細(xì)內(nèi)容（Input{props:{…},context:{…}等等）console.log(this.refs.input1.value)//undefined}render(){retrn(<div><Input ref='input1' onChange={this.onChange}/></div>)}

查看完整描述

2 回答

小怪獸愛(ài)吃肉

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個(gè)贊

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

反對(duì) 回復(fù) 2018-07-29

慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

onChange事件就提供了value的值。

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


onChange(input) {    const value = input.target.value;    console.log(value); //這就是Input的值。}

反對(duì) 回復(fù) 2018-07-29