标签:input1 log refs value 组件 input 三大
1. 字符串的ref (废弃)
<script type="text/babel">
//创建组件
class Demo extends React.Component{
showData=()=>{
// 使用react就不要使用document了
const input = document.getElementById('input1');
//alert(input.value)
console.log(this.refs.input1.value); // 真正的节点信息,不是虚拟节点
}
// 展示右侧输入框的数据
showData2=()=>{
console.log(this.refs.input2.value);
}
render(){
return (
<div>
<input ref ='input1' id= 'input1' type = 'text' placeholder = '点击按钮提示数据' />
<button onClick = {this.showData}>点我提示左侧的数据</button>
<input ref='input2' onBlur = {this.showData2} type
标签:input1,log,refs,value,组件,input,三大 来源: https://blog.csdn.net/tzgdd8912442/article/details/113871678
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。