ReactNative 学习笔记Component 和createClass区别

最新推荐文章于 2023-08-24 12:14:50 发布

原创最新推荐文章于 2023-08-24 12:14:50 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

本文深入解析React组件中的构造器、getInitialState函数及状态更新机制，详细讲解如何通过构造器、getInitialState函数和匿名方法来管理组件状态，同时讨论了createClass中的getInitialState函数与状态更新的区别。

Component 更改默认state 中的成员变量，需要调用构造器 getInitialState函数是不会被调用的

<pre name="code" class="javascript">class SearchPage extends Component{
   constructor(props){
     super(props);
     this.state={name:'myname',};
  };

}

createClass  需要调用 getInitialState   <pre name="code" class="javascript">getInitialState:function(){

  return {name:'myname',};
}

Component 中使用的匿名方法  <pre name="code" class="javascript">query(querystr){

  this.setState({name:'myname'});

}

createClass 中使用的函数    <pre name="code" class="javascript">onPress:function(querystr){


}

<pre name="code" class="javascript">Component 中使用的控件绑定事件  <pre name="code" class="javascript"><TouchableHighlight onPress={this.onPressed.bind(this)}/>

createClass <span style="font-family: Arial, Helvetica, sans-serif;">中使用的控件绑定事件    </span><pre name="code" class="html"><TouchableHighlight onPress={this.onPressed}/>