Unerwartetes Token in einem React Native-Projekt

Ich versuche, mit diesem Binding-Kontext beim aufrufen von ES6-Methode. Wie Sie Zugang zu Objekt, von innerhalb der genannten Methode als callback? als Anleitung zum umgestalten aus dem Buch ist ES5, um ES6, aber ich kann nicht scheinen, um track down mein unerwartetes token problem. Diese Dateien, die sowohl mich ein Problem direkt nach dem Konstruktor-Funktion beendet. Jede Hilfe ist willkommen.

WeatherProject.js

class WeatherProject extends Component {
constructor(props) {
 super(props);
 this.state = { zip: '',
 forecast: null};
},

_handleTextChange(event){
 let zip = event.nativeEvent.text;
 this.setState({zip: zip});
 fetch('http://api.openweathermap.org/data/2.5/weather?q='
  + zip + '&units=imperial')
  .then((response) => response.json())
  .then((responseJSON) => {
    console.log(responseJSON);
    this.setState({
      forecast: {
        main: responseJSON.weather[0].main,
        description: responseJSON.weather[0].description,
        temp: responseJSON.main.temp
      }
    })
  })
  .catch((error) => {
    console.warn(error);
  })
},

render() {
 let content = null;
 if (this.state.forecast !== null) {
  content = <Forecast
              main={this.state.forecast.main}
              description={this.state.forecast.description}
              temp={this.state.forecast.temp}/>;
}

return (
  <View style={styles.container}>
    <Image source={require('image!flowers')}
          resizeMode= 'cover'
          style={styles.backdrop}>
    <View style={styles.overlay}>
      <View style={styles.row}>
        <Text style={styles.mainText}>
          Current weather for
        </Text>
        <View style={styles.zipContainer}>
        <TextInput
          style={[styles.zipCode,styles.mainText]}
          returnKeyType='go'
          onSubmitEditing={this._handleTextChange} />
        </View>
      </View>
      {content}
    </View>
    </Image>
  </View>
);
}
}

Forecast.js

 class Forecast extends Component {
   constructor(props) {
   super(props);
   this.state = {
   zip: '',
   forecast: {
   main: 'Clouds',
   description: 'few clouds',
   temp: 45.7
 }
};
},
render() {
 return (
  <View>
    <Text style={styles.bigText}>
      {this.props.main}
    </Text>
    <Text style={styles.mainText}>
      Current conditions: {this.props.description}
    </Text>
    <Text style={styles.mainText}>
      {this.props.temp} F
    </Text>
  </View>
 );
}
}
  • Kannst du die Fehlermeldung, die Sie empfangen, bitte.
InformationsquelleAutor jaysig | 2016-03-29
Schreibe einen Kommentar