javascript - 我忘记了如何在 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 Native 中是否有一些我不知道的与 React 不同的魔法？

Answer 1

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

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