React 获取input输入的内容
Posted tlfe
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React 获取input输入的内容相关的知识，希望对你有一定的参考价值。
react为我们提供了两种获取value的方法
第一种：非受控方法获取
import React,{Component} from ‘react‘
export default class system extends Component{
constructor(props){
super(props)
this.state = {
acc:‘‘
}
}
render(){
return (
<div>
<input ref="ss"></input>
<button onClick={this.aaaa.bind(this)}>提交</button>
</div>
)
}
aaaa(){
console.log(this.refs.ss.value)
}
}
第二种：受控方式获取
import React,{Component} from ‘react‘
export default class system extends Component{
constructor(props){
super(props)
this.state = {
acc:‘‘
}
}
render(){
return (
<div>
<input value={this.state.acc} onChange={this.cccc.bind(this)}></input>
<button onClick={this.aaaa.bind(this)}>提交</button>
</div>
)
}
cccc(e){
this.setState({
acc:e.target.value
})
}
aaaa(){
console.log(this.state.acc)
}
}
以上是关于React 获取input输入的内容的主要内容，如果未能解决你的问题，请参考以下文章