Как я могу создать один маркер по реагирующим родным картам?

Question

Мы можем создать мульти маркеры с помощью DefaultMarkers , но мне нужен только один маркер.Мне нужно удалить перед маркером и создать новый маркер.Как я могу это сделать?

Я думаю, что другие примеры не ближе, чем это, к моей идее, поэтому дайте мне знать, если у вас есть идея получше.

let id = 0;


  constructor(props){
    super(props);
    this.state={
      markers: [],
    }
  }


onMapPress(e) {
    this.setState({
      markers: [
        ...this.state.markers,
        {
          coordinate: e.nativeEvent.coordinate,
          key: id++,
        },
      ],
    });
  }


  <MapView
     style={styles.map}
     initialRegion={{
        latitude: 28.95761453,
        longitude: 50.83710976,
        latitudeDelta: 0.0200,
        longitudeDelta: 0.0200,
     }}
     provider={this.props.provider}
     onPress={(e) => this.onMapPress(e)}>

              {this.state.markers.map(marker => (
                <Marker
                  key={marker.key}
                  coordinate={marker.coordinate}
                />
              ))}

   </MapView>

Answer 1

Просто удалите ... this.state.markers строку из метода onMapPress и проверьте вывод.Дайте мне знать, если есть какая-либо ошибка.

onMapPress(e) {
    this.setState({
      markers: [ 
        {
          coordinate: e.nativeEvent.coordinate,
          key: id++,
        },
      ],
    });
  }