React获取文本框的值
1、e.target.value
2、用ref标记节点,ref="textbox"
,使用时调用this.refs.textbox.value
3、用ref标记节点,ref={(node)=>this.txt=node
,node表示当前节点(名称可以修改),把当前节点赋值给txt。使用时调用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) //方法2
console.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;