React中获取input框的输入值
import React,{Component,Fragment} from 'react'
class Shijian extends Component{
constructor(){//
super()
this.state={
flag:true,
msg:''
}
}
get=(e)=>{
console.log(this)//this可以查看
this.setState({
// msg:e.target.value//第一种,用事件对象e
// msg:this.refs.userrr.value//第二种,在input标签上绑定ref
// msg:this.user.value//第三种,用函数,这种可以少一层refs
})
}
render(){
return (
<Fragment>
//对应上面第一种
{/* <input onInput={this.get}/> */}
//对应第上面二种
{/*<input onInput={this.get} ref="userrr"/>*/}
//对应第上面三种
{/* <input onInput={this.get} ref={el=>this.user=el}/> */}
//这里显示input框中内容
<p>msg:{this.state.msg}</p>
</Fragment>
)
}
}
export default Shijian