您的位置:首页 > Web前端 > React

React小知识点整理

2016-09-06 21:08 387 查看
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)}/>
)
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: