react.js 给标识ref，获取内容

100 阅读 0 评论 66 点赞

我是靠谱客的博主温暖音响，这篇文章主要介绍react.js 给标识ref，获取内容，现在分享给大家，希望可以做个参考。

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import React,{Component} from 'react'
import ReactDOM from 'react-dom'
class App extends Component{
//给一个初始化状态

constructor(){
super();
this.state={
result:0
}
}
handChange=()=>{
//获取input a的类容，这个a就是我们给的标识ref="a"
let a=this.refs.a.value||0;
let b=this.refs.b.value||0;
//改变状态，更新视图
this.setState({result:parseFloat(a)+parseFloat(b)})
}
render(){
return (
<div>
<input type="text" ref="a" onChange={this.handChange}/>
+
<input type="text" ref="b" onChange={this.handChange}/>
<p>{this.state.result}</p>
</div>

)
}
}
ReactDOM.render(<App/>,document.querySelector("#root"))