最大的区别是从它们的来源开始，所以constructor是JavaScript中类的构造函数，另一方面，getInitialState是React生命周期的一部分。构造函数方法是用于创建和初始化用类创建的对象的特殊方法。

如果您正在使用ES6编写React-Native类，将遵循以下格式。它包括RN的生命周期方法，用于类进行网络调用。

import React, {Component} from 'react';
import {
     AppRegistry, StyleSheet, View, Text, Image
     ToastAndroid
} from 'react-native';
import * as Progress from 'react-native-progress';

export default class RNClass extends Component{
     constructor(props){
          super(props);

          this.state= {
               uri: this.props.uri,
               loading:false
          }
     }

     renderLoadingView(){
          return(
               <View style={{justifyContent:'center',alignItems:'center',flex:1}}>
                    <Progress.Circle size={30} indeterminate={true} />
                    <Text>
                        Loading Data...
                    </Text>
               </View>
          );
     }

     renderLoadedView(){
          return(
               <View>

               </View>
          );
     }

     fetchData(){
          fetch(this.state.uri)
               .then((response) => response.json())
               .then((result)=>{

               })
               .done();

               this.setState({
                         loading:true
               });
               this.renderLoadedView();
     }

     componentDidMount(){
          this.fetchData();
     }

     render(){
          if(!this.state.loading){
               return(
                    this.renderLoadingView()
               );
          }

          else{

               return(
                    this.renderLoadedView()
               );
          }
     }
}

var style = StyleSheet.create({

});

在构造函数中，我们应该总是初始化状态。

最大的区别是从它们的来源开始，构造函数是JavaScript中类的构造函数，另一方面，getInitialState是React生命周期的一部分。

构造函数是你的类初始化的地方…

构造函数 构造函数方法是用于创建和的特殊方法 初始化用类创建的对象。只能有一个 类中名称为“构造函数”的特殊方法。一个SyntaxError 类中包含多个 构造函数方法。 类的构造函数可以使用super关键字调用 父类。

在React v16文档中，他们没有提到任何首选项，但如果你使用createReactClass()，你需要getInitialState…

初始状态设置 在ES6类中，你可以通过赋值来定义初始状态 这一点。构造函数中的状态:

class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: props.initialCount};
  }
  // ...
}

使用createReactClass()，您必须提供一个单独的 返回初始状态的getInitialState方法:

var Counter = createReactClass({
  getInitialState: function() {
    return {count: this.props.initialCount};
  },
  // ...
});

更多信息请访问这里。

还创建了下面的图像来显示React组件的一些生命周期:

这两种方法是不可互换的。当使用ES6类时，你应该在构造函数中初始化状态，并在使用React.createClass时定义getInitialState方法。

关于ES6类的主题，请参阅官方React文档。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { /* initial state */ };
  }
}

等于

var MyComponent = React.createClass({
  getInitialState() {
    return { /* initial state */ };
  },
});

最大的区别是从它们的来源开始，所以constructor是JavaScript中类的构造函数，另一方面，getInitialState是React生命周期的一部分。构造函数方法是用于创建和初始化用类创建的对象的特殊方法。