|
-
- // 使用之前 要传递参数e
-
- // 监听input改变
- inpC(e){
- this.setState({
- inpValue:e.target.value
- })
- // console.log(e.target.value)
- }
-
-
-
-
- // 使用ref之后 由于this.input 已经被指向当前input 所以这里 直接使用this.input 不需要再传递参数e
- inpC(){
- this.setState({
- inpValue:this.input.value
- })
- }
-
- // 贴一下input 源码
- <input type = "text"
- value={this.state.inpValue}
- onChange ={this.inpC.bind(this)}
- // 这句话的意思是 this.input 指向的就是这个input 如果在div或者 ul 中皆可以使用
- ref={(input)=>{this.input = input}}
- />
-
-
- // 使用ref 会出现坑, ref 的 本质是获取页面demo ,所以对demo 的 操作 最好放在 setState的 回调函数中
- this.setState({
- a:1
- },()=>{
- 这是回调函数,因为setState是一个异步函数,在setState 之后执行
- })
-
复制代码
|
|