小编Mar*_*lus的帖子

我有一个组件，该组件的地图具有用于各个位置的多个自定义标记，以及用于这些相同位置的带有卡的轮播。用户按下标记时，它应该显示标注，并在标记旁边（但在标注外部）显示位置名称。

但是，因为我更新的状态onRegionChangeComplete，如果用户移动地图，然后迅速按下标记（状态完成从调用更新前setState在onRegionChangeComplete烧制前），那么标记将重新渲染onPress事件，而该事件从来没有发射。

一种解决方案可能是使用shouldComponentUpdate，但是文档指出，该解决方案仅应用于性能优化，而不能防止重新渲染（https://reactjs.org/docs/react-component.html#shouldcomponentupdate），但更多重要的是，我的componentDidUpdate函数具有某些条件逻辑，这些条件逻辑取决于中设置的区域shouldComponentUpdate以及其他条件操作，因此我不想阻止整个组件的重新渲染，而只是防止不必要地重新绘制标记。

我还使用中提到的性能优化https://github.com/react-native-community/react-native-maps/issues/2082在实现组件包裹厂商shouldComponentUpdate及getDerivedStateFromProps然而，我不完全确定这可以做任何事情，因为父组件似乎只是在重新创建我所有的优化标记，而不是使用其优化来处理重新渲染。而且，即使我不使用包装标记，而使用常规的自定义标记，我仍然遇到相同的问题。

我也已经在react-native-maps上为此打开了一个问题，但是还没有得到答复：https : //github.com/react-native-community/react-native-maps/issues/2860

我的“ onRegionComplete”功能在移动地图时更新状态。为了简洁起见，我删除了其他一些条件状态更新：

onRegionChangeComplete = (region) => {
    const nextState = { };
    nextState.region = region;

    if (this.state.showNoResultsCard) {
      nextState.showNoResultsCard = false;
    }

    .
    .
    .

    this.setState({ ...nextState });

    this.props.setSearchRect({
      latitude1: region.latitude + (region.latitudeDelta / 2),
      longitude1: region.longitude + (region.longitudeDelta / 2),
      latitude2: region.latitude - (region.latitudeDelta / 2),
      longitude2: region.longitude - …