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 ( <p>
<input type="text" ref="a" onChange={this.handChange}/>
+
<input type="text" ref="b" onChange={this.handChange}/>
<p>{this.state.result}</p>
</p> )
}
}
ReactDOM.render(<App/>,document.querySelector("#root"))以上就是react.js给标识ref,获取内容的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号