无法阅读proprety' pin' null - 反应原生

时间:2016-12-17 10:33:30

标签: javascript react-native ecmascript-6

我有这个错误,无法找到原因。一切似乎都很好。代码作为逻辑工作,但在应用程序启动时,事情变得值得。

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

var weather = React.createClass({
  getInitialstate: function(){
    return {
      pin:[{
        longitude:33.33,
        latitude:33.33
      }]
    };
  },

  render: function(){
    return (
      <MapView annotations={[this.state.pin]} style={styles.map} onRegionChangeComplete={this.onRegionChangeComplete}>
      </MapView>
    )
  },

  onRegionChangeComplete: function(region){
    this.setState({
      pin:{
        longitude: region.longitude,
        latitude: region.latitude
      }
    });

    // console.log([this.pin]);
  }

});

var styles = StyleSheet.create({
  map:{
    flex:1
  }
})

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

我正在使用mapView并更改注释。请帮助!

1 个答案:

答案 0 :(得分:0)

在天气等级的构造函数上创建状态对象

constructor(props){
  super(props);
  this.state = {};
}