React小知识点整理

前端之家收集整理的这篇文章主要介绍了React小知识点整理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1 获取div等标签内部文本信息:假设渲染出的代码如下

  1. render(){
  2. return(
  3. <div ref="inp" onClick={this.handleClick.bind(this)} >test</div>
  4. )
  5. }

获取这个div内部的文本信息则为:

  1. handleClick(){
  2. let val = this.refs.inp.innerText;
  3. console.log(val);
  4. }

2 获取输入input框中的文本信息:

  1. class Test extends Component{
  2. constructor(props){
  3. super(props);
  4. this.state = {
  5. inp: ''
  6. }
  7. }
  8.  
  9. handleChange(e){
  10. let val = e.target.value;
  11. this.setState({
  12. inp: val
  13. },function(){
  14. console.log(this.state.inp);
  15. })
  16. }
  17.  
  18. render(){
  19. return(
  20. <input value={this.state.inp} onChange={this.handleChange.bind(this)}/>
  21. )
  22. }
  23. }

猜你在找的React相关文章