防止仅对组件的一部分进行状态更新时重新渲染

问题描述

我在我的 React-Native 应用程序中使用动态移动标记，为了使标记移动，我在一个时间间隔内进行状态更新，用新的标记位置重新渲染屏幕。我也在尝试使用 react-native-maps-directions，它使用 google Routes API（这需要花钱），我不能让路由 API 每秒被调用两次，因为这看起来很浪费（也因为我可怜）。

基本上，您是否知道一种在不重新渲染路线的情况下不断重新渲染更新标记位置的部分的方法

这是我的渲染：

render() {
    return (
      <View>
          <MapView
            allOfMyProps={blahblahProps}
          >

            //This currently does and should re-render every time because I need them to move
            {this.state.markers[1] !== null &&
              this.state.markers.map((marker,index) => (
                <MapView.Marker
                  key={index}
                  coordinate={{
                    latitude: marker.coordinate.latitude,longitude: marker.coordinate.longitude,}}
                />
              ))}

            /// This is what renders the route,I want this to not re-render every time state changes
          <MapViewDirections
              origin={origin}
              destination={destination}
              apikey={GOOGLE_MAPS_API_KEY} //configure this right
              strokeWidth={10}
              strokeColor="green"
           />


          </MapView>
    </View>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）