关于react的一些疑问点

Posted liumcb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于react的一些疑问点相关的知识,希望对你有一定的参考价值。

1、refs

  <input type="text" ref="input">

  <div ref="div">222</div>

  <div ref={this.refHandle.bind(this)}>3333</div>

  则打印出来的 

  console.log(this.refs)    //object{input:input,div:div}

  ref是对元素添加的 一个属性,所有添加ref属性的元素,都将被放到一个对象中暂时储存起来,当想要访问这个DOM的时候,就可以通过this.refs.[name]来进行访问;

  ref的值不仅仅可以为一个名字,同时还可以为一个回调函数,

2、this.props

  <div name1="Jack" name2="Mary">666+++</div>

  则打印出来的 

  console.log(this.props);          //object{name1:"Jack",name2:"Mary"}

  this.props将所有的元素中的属性都放到一个对象中储存起来,当利用的时候就可以通过this.props.[name]来调用这个属性;

3.生命周期函数

  3.1 componentDidMount() 再生命周期中只会调用一次,当渲染完成之后,标识已经渲染成为真实DOM插入html中,这时候获取元素就需要ref来获取。

  每次渲染之后都可以调用这个函数里面的逻辑,比如我this.setState()之后,更改了数据的内容,会引发组件的重新渲染。

 

以上是关于关于react的一些疑问点的主要内容,如果未能解决你的问题,请参考以下文章

关于软件工程的几点疑问

React,关于redux的一点小见解

使用EF关于分页查询时遇到的一点疑问

关于用jQuery修改CSS样式的一点代码理解上的疑问

关于java scanner类简化输入的一点疑问

关于promise的一些疑问