React에서 초기 상태를 설정하는 방법을 잊었습니까?

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 원주민 thats, React와 어떤 마술이 있습니까?

Answer 1

당신이 클래스를 사용하고 있기 때문에, 당신의 상태는 생성자에서 설정해야합니다 : 당신이 방법을 선호하는 경우

는

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