React獲取文本框的值
1、e.target.value
2、用ref標(biāo)記節(jié)點(diǎn)，ref="textbox"，使用時(shí)調(diào)用this.refs.textbox.value
3、用ref標(biāo)記節(jié)點(diǎn)，ref={(node)=>this.txt=node，node表示當(dāng)前節(jié)點(diǎn)（名稱(chēng)可以修改），把當(dāng)前節(jié)點(diǎn)賦值給txt。使用時(shí)調(diào)用this.txt.value

例子：

import React from 'react'class Counter extends React.Component {constructor(props){super(props);}input = (e)=>{if(e.keyCode===13){//console.log(e.target.value) //方法1//console.log(this.refs.textbox.value) //方法2console.log(this.txt.value) //方法3}}render(){return <div>{/* 方法2*/}{/* <input type="text" ref="textbox" onKeyUp={this.input} /> */}{/* 方法3 */}<input type="text" ref={(node)=>this.txt=node} onKeyUp={this.input} /></div>}}export default Counter;

總結(jié)

以上是生活随笔為你收集整理的【react基础】7、react获取文本框的值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。