循环中的react-native-maps标记不会呈现

时间:2017-02-08 14:57:07

标签: javascript ios reactjs react-native maps

我正在尝试学习如何为iOS创建React原生应用。我使用react-native-maps包,当我静态渲染MapView.Marker时,它会正确渲染到地图。但是,当我想渲染标记数组时,没有任何反应。

export default (props) => {

return (
  <MapView

      initialRegion={{
        latitude: 48.99568000,
        longitude: 21.24220000,
        latitudeDelta: 0.001,
        longitudeDelta: 0.01
      }}>

    {/* this works */}
      <MapView.Marker
        coordinate={{
          latitude: 48.98975,
          longitude: 21.24697
        }}
      />

    {/* this doesn't */}
  {
    props.points.nearby.map(point => {
      <MapView.Marker
        coordinate={{
          latitude: point.lat,
          longitude: point.lng
        }}
      />
    })
  }
</MapView>
);
}

props.points.nearby数组没问题,有三个项目

1 个答案:

答案 0 :(得分:3)

<强>解决方案:

正如我意识到的那样,带有块体的 ES6箭头函数不会隐含返回,因此我将return语句添加到我的map回调中,现在一切正常。