在 reactjs 或 react-native 中定义/初始化状态的正确方法

Question

到目前为止，我了解有两种方法可以在 react 类中定义状态。

第一个使用的人多，如下：

import React, { Component } from "react";
import { View, Text } from "react-native";

export default class Test extends Component {

  constructor (props) {
     super(props)
     this.state = {
       text: 'hello'
     }
  }

  render() {
    return (
      <View>
        <Text>{this.state.text}</Text>
      </View>
    );
  }
}

第二个如下：

import React, { Component } from "react";
import { View, Text } from "react-native";

export default class Test extends Component {

  state = {
     text: "hello"
  }

  render() {
    return (
      <View>
        <Text>{this.state.text}</Text>
      </View>
    );
  }
}

区别在于是否使用构造函数。效果是什么，两者之间有什么区别吗？如果有，我应该使用哪一个？

谢谢！

Answer 1

这两种方法都是正确的。确保您在 babelrc 中启用了对类属性的支持。如果您使用的是 CRA，两者都可以。如果你想从 props 中播种初始状态，构造函数 1 会更好看。

Answer 2

这两种方法都很好。第二种是速记法