javascript - React Native 和 mobx : [getFunction] is not a function

Question

我目前正在尝试实现一个 MobX 函数，该函数从 Firebase 数据库导入标记，如下所示:

fbMarkers.getMarkers().forEach( (marker, index) => {
  console.log("Adding marker to map..");
  console.log(JSON.stringify(marker));
...

但是，我收到错误 _MarkersStore.fbMarkers.getMarkers 不是函数。该函数如下所示:

@computed get getMarkers() {
    console.log("Getting markers.. which are:");
    console.log(JSON.stringify(this.markers));
    return this.markers;
  }

每当我从签名中删除 @compulated get 部分(例如签名为 getMarkers() {...})时，我就可以成功调用该函数，但我的标记未显示(我正在使用 Airbnb map View )。

我的渲染方法如下:

render() {
    var renderingMarkers = fbMarkers.markers.slice() || [];
    return (<View>
      {renderingMarkers.forEach( (marker, index) => {
      return (
      <MapView.Marker
      navigator={this.props.navigator}
      key={index}
      coordinate={{latitude: marker.coordinate.latitude, longitude: marker.coordinate.longitude}}
      title={marker.title}
      description={marker.description}
      onPress={(coord, pos) => this.navigateToBookBike(marker.title)}
      ><View style={styles.bikeRadius}><View style={styles.bikeMarker}>
      <Text>Heyy</Text>
      </View></View>
      </MapView.Marker>
);
      })}
      </View>)
  }

我是否犯了任何明显的错误，或者有什么我必须注意的事情？欢迎任何帮助和想法! :)

完整代码为here ，如果这有帮助

Answer 1

您正在使用 JavaScript getter ，这意味着您不应该像函数调用那样取消引用该值。改为这样做:

fbMarkers.getMarkers.forEach((marker, index) => {
  console.log("Adding marker to map..");
  console.log(JSON.stringify(marker));
});