我忘记了如何在React中建立初始状态？ （React native）

Question

请考虑以下事项：

import React, { Component } from 'react';

import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  TextInput,
  TouchableOpacity
} from 'react-native';

class CreateTweet extends Component {

  getInitialState() {
    return {
      text: 'Fake Value'
    }
  }

  render() {
    console.log(this.state);
    return(
      <View style={styles.container}>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 100,
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

AppRegistry.registerComponent('CreateTweet', () => CreateTweet);

module.exports = CreateTweet;

运行时状态为null。您可以看到console.log(this.state)我正在设置组件初始化时的状态，发生了什么？在React原生中我是否有一些魔法与React不同？

Answer 1

由于您正在使用类，因此应在构造函数中设置您的状态：

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