溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下react中如何獲取input的值，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
react獲取input值的方法：1、通過event對象信息的方式獲取input的值，語法如“inputChange(e){...}”；2、使用ref的方式獲取input的值，語法如“this.setState({...})”。
react 獲取input 輸入框的值
第一種方法：通過event對象信息的方式
第二種方法：使用ref的方式
通過event對象信息的方式
<input onChange={(e)=>this.inputChange(e)}/>
<button onClick={()=>this.getInputValue} >獲取input的值</button>
inputChange(e){
alert(e.target.value)
this.setState({
username:e.target.value
})
}
getInputValue(){
alert(this.state.username)
}使用ref的方式
<input ref='username' onChange={()=>this.inputChange()}/>
<button onClick={()=>this.getInputValue()} >獲取input的值</button>
inputChange(){
//獲取dom節點元素
//1.添加ref屬性
//2.使用this.refs.username獲取dom節點
let val=this.refs.username.value;
this.setState({
username:val
})
}
getInputValue(){
console.log(this.state.username)
}使用ref自定義一個屬性，可以通過this.refs.屬性名稱.value獲取內容。
以上是“react中如何獲取input的值”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
