（ネイティブと反応）のNullはこのコードの一部は、ネイティブのトラブルレンダリングをしているリアクトあるオブジェクト

Question

ではありません。

You input {this.state.zip}. 

イム初心者が、私は「学習ネイティブに反応」のチュートリアル次まだ彼ました本のコードが機能していません。

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    TextInput, 
    Image, 
    View 
} from 'react-native'; 

class WeatherProject extends Component { 
    // If you want to have a default zip code, you could add one here 
    getInitialState() { 
    return ({ 
     zip: '' 
    }); 
    } 
    // We'll pass this callback to the <TextInput> 
    _handleTextChange(event) { 
    // log statements are viewable in Xcode, 
    // or the Chrome debug tools 
    console.log(event.nativeEvent.text); 

    this.setState({ 
     zip: event.nativeEvent.text 
    }); 
    } 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      You input {this.state.zip}. 
     </Text> 
     <TextInput 
      style={styles.input} 
      onSubmitEditing={this._handleTextChange}/> 
     </View> 
    ); 
    } 
} 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    borderWidth: 2, 
    height: 40 
    } 
}); 

AppRegistry.registerComponent('WeatherProject',() => WeatherProject); 
[enter image description here][1] 

Answer 1

通常、getInitialStateはReact.createClassとともに使用されます。クラスとしてのコンポーネントを定義するために、次のコードは、コンストラクタでなければならない：

getInitialState() { 
    return ({ 
     zip: '' 
    }); 
    } 

コンストラクタ：ES6クラス（もしComponentに延びるのではなくcreateClassを使用しているもの）で

constructor() { 
    super(); 
    this.state = { 
    zip: '' 
    } 
} 

Answer 2

、初期状態でありますコンストラクタにthis.state = {zip: ''}を設定します。

は、だから、

class WeatherProject extends Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     zip: "" 
    } 
    } 
}