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，则两者都可以使用。如果您想从道具中获得初始状态，构造函数1会更好。

Answer 2

两种方法都可以。第二个是速记法

在reactjs或react-native

2 个答案: