小編給大家分享一下react中如何獲取input的值，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比云安網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式云安網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋云安地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴(lài)。

react獲取input值的方法：1、通過(guò)event對(duì)象信息的方式獲取input的值，語(yǔ)法如“inputChange(e){...}”；2、使用ref的方式獲取input的值，語(yǔ)法如“this.setState({...})”。

react 獲取input 輸入框的值

第一種方法：通過(guò)event對(duì)象信息的方式

第二種方法：使用ref的方式

通過(guò)event對(duì)象信息的方式

this.inputChange(e)}/>
this.getInputValue} >獲取input的值
inputChange(e){
alert(e.target.value)
this.setState({
username:e.target.value
})
}
getInputValue(){
alert(this.state.username)
}

使用ref的方式

this.inputChange()}/>
this.getInputValue()} >獲取input的值
inputChange(){
//獲取dom節(jié)點(diǎn)元素
//1.添加ref屬性
//2.使用this.refs.username獲取dom節(jié)點(diǎn)
let val=this.refs.username.value;
this.setState({
username:val
})
}
getInputValue(){
console.log(this.state.username)
}

使用ref自定義一個(gè)屬性，可以通過(guò)this.refs.屬性名稱(chēng).value獲取內(nèi)容。

以上是“react中如何獲取input的值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！