javascript - 渲染函数中 this.state 为 null

Question

我正在react-native中编写一些代码，当我在渲染函数中使用this.state时，它显示它是一个空对象

import React, { Component } from "react";
import {
  TextInput,
  Text,
  View,
  AppRegistry,
  Image,
  StyleSheet
} from "react-native";
import Greet from "./compo/greet";

export default class App extends Component {
  Constructor(props) {
    Super();
    this.state = {
      test: "nothing to display"
    };
  }

  render() {
    return (
      <View style={styles.view}>
        //here is where error is coming[enter image description here][1]
        <Text> {this.state.test} </Text>
        <TextInput
          style={styles.input}
          keybordType="default"
          placeholder="enter the secret "
        />
      </View>
    );
  }
}

这显示了一个错误“类型错误 null 不是对象(评估 'this.state.test')”它只是意味着 this.state 为 null该怎么办

Answer 1

注意构造函数和 super 的字母大小写。

   constructor(props){
      super(props);
      this.state={
        test:"nothing to display"
      };
    }

这应该可行，ES6 类构造函数必须调用 super(如果它们是子类)。