ReactNative添加標記到地圖中的異常標記，預計

Question

我有一個iOS的反應本機應用程序在它的地圖，我試圖得到一些關於它的標記，但我不斷收到以下錯誤

意外令牌，預計...

任何人都知道這裏發生了什麼？

這是我的構造函數：

constructor(props) { 
     super(props); 
     this.state = { 
      isFirstLoad: true, 
      annotations: [], 
      mapRegion: undefined, 
      markers: [{ 
       title: 'Marker1', 
       coordinates: { 
        latitude: 3.148561, 
        longitude: 101.652778 
       }, 
      }, 
      { 
       title: 'Marker2', 
       coordinates: { 
        latitude: 3.149771, 
        longitude: 101.655449 
       }, 
      }] 
     }; 
    } 

我的渲​​染功能：

return (
      <MapView 
       style={ styles.map } 
       onRegionChangeComplete={onRegionChangeComplete} 
       region={this.state.mapRegion} 
       annotations={this.state.annotations} 
       zoomEnabled={true} 
       showsUserLocation={true} 

       {this.state.markers.map(marker => (
        <MapView.Marker 
         coordinate={marker.coordinates} 
         title={marker.title} 
        /> 
       ))} 
      /> 
     ); 

據抱怨這一行：{this.state.markers.map(marker => (

任何幫助是非常讚賞:)

Answer 1

你的錯誤是你把標記「MapView.Marker」裏面在 「MapView的」

代碼那張正與此

return (
 
      <MapView 
 
       style={ styles.map } 
 
       onRegionChangeComplete={onRegionChangeComplete} 
 
       region={this.state.mapRegion} 
 
       annotations={this.state.annotations} 
 
       zoomEnabled={true} 
 
       showsUserLocation={true}    
 
      > 
 
       {this.state.markers.map(marker => (
 
        <MapView.Marker 
 
         coordinate={marker.coordinates} 
 
         title={marker.title} 
 
        /> 
 
       ))} 
 
       </MapView> 
 

 
     );