React小知识点整理
发布时间:2020-12-15 08:29:20 所属栏目:百科 来源:网络整理
导读:1 获取div等标签内部文本信息:假设渲染出的代码如下 render(){ return ( div ref= "inp" onClick={ this .handleClick.bind( this )} test/ div )} 则获取这个div内部的文本信息则为: handleClick(){ let val = this .refs .inp .innerText ; console .log
1 获取div等标签内部文本信息:假设渲染出的代码如下 render(){
return(
<div ref="inp" onClick={this.handleClick.bind(this)} >test</div>
)
}
则获取这个div内部的文本信息则为: handleClick(){
let val = this.refs.inp.innerText;
console.log(val);
}
2 获取输入input框中的文本信息: class Test extends Component{
constructor(props){
super(props);
this.state = {
inp: ''
}
}
handleChange(e){
let val = e.target.value;
this.setState({
inp: val
},function(){
console.log(this.state.inp);
})
}
render(){
return(
<input value={this.state.inp} onChange={this.handleChange.bind(this)}/>
)
}
}
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读