在 react-native 和 redux 以及 react-native-maps 中处理多请求

艾哈迈德·阿里

我正在构建一个 react-native 应用程序,其中我使用 react-native-maps 包通过向我的服务器发送请求以获取一些数据来在每个区域的地图上显示标记

<MapView
        followUserLocation
        initialRegion={region}
        ref={(ref) => { this.mapRef = ref; }}
        showsUserLocation
        style={styles.map}
        onRegionChange={this.onRegionChange.bind(this)}
/>

在 RegionChange 我向我的服务器发送请求

onRegionChange(region) {
// send my request to my server
}

但是用户可能会在很短的时间内进行许多区域更改,我如何确保我会得到正确的响应(即与上次区域更改相关的响应)??

拉莉·诺特娃

有几种方法可以实现这一点。

去抖

对“onRegionChange”使用去抖动。这样只会执行最后一次更改。

更多信息:在 React.js 中执行去抖动

可取消的承诺

一些 Promise 库提供可取消的 Promise。

更多信息:http : //bluebirdjs.com/docs/api/cancel.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React native、redux 和 axios:UnhandledPromiseRejectionWarning

来自分类Dev

React-native 和 redux 操作

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类Dev

什么是...存储在React Native Redux中?

来自分类Dev

在 React Native 中自动提交 Redux 表单

来自分类Dev

React Native 中的 Redux-Saga 错误

来自分类Dev

我在React-native和Redux中处理API调用的地方

来自分类Dev

我在React-native和Redux中处理API调用的地方

来自分类Dev

React Native Maps followUserLocation坐标

来自分类Dev

流星和React Native

来自分类Dev

React Native + Redux基本认证

来自分类Dev

React Native Redux条件渲染

来自分类Dev

React Native 与 Redux - 意外令牌

来自分类Dev

使用react native和redux实现FB登录

来自分类Dev

使用 react native 和 redux 进行异步调用,thunk

来自分类Dev

React-Native 和 Redux:如何重用 reducer 来处理多个组件

来自分类Dev

React-native 处理登录和注册

来自分类Dev

在配置react-native-maps中获取“ supportLibVersion”,“ playServicesVersion”和“ androidMapsUtilsVersion”值

来自分类Dev

什么是Redux循环以及如何在React Native中使用它

来自分类Dev

使用React-Native和Redux在Actions中访问导航器

来自分类Dev

如何解决react-native-paper和Redux中的此错误?

来自分类Dev

如何在 react-native 和 Redux 中获取动作创建者的全局状态?

来自分类Dev

在 Redux 的 Action 中,使用回调调用函数(使用 async/await 和 React-Native-Contacts)

来自分类Dev

如何在React Native Android中实现Google Map(React-Native-Maps)

来自分类Dev

在React Native中循环Json和显示

来自分类Dev

React Native中的Jest和异步存储

来自分类Dev

在React Native中隐藏和显示组件

来自分类Dev

android native和react native之间的通信

来自分类Dev

android 和 ios 中的 https 获取请求阻塞 - React Native

Related 相关文章

  1. 1

    React native、redux 和 axios:UnhandledPromiseRejectionWarning

  2. 2

    React-native 和 redux 操作

  3. 3

    如何在React Native中安装React Native Maps?

  4. 4

    什么是...存储在React Native Redux中?

  5. 5

    在 React Native 中自动提交 Redux 表单

  6. 6

    React Native 中的 Redux-Saga 错误

  7. 7

    我在React-native和Redux中处理API调用的地方

  8. 8

    我在React-native和Redux中处理API调用的地方

  9. 9

    React Native Maps followUserLocation坐标

  10. 10

    流星和React Native

  11. 11

    React Native + Redux基本认证

  12. 12

    React Native Redux条件渲染

  13. 13

    React Native 与 Redux - 意外令牌

  14. 14

    使用react native和redux实现FB登录

  15. 15

    使用 react native 和 redux 进行异步调用,thunk

  16. 16

    React-Native 和 Redux:如何重用 reducer 来处理多个组件

  17. 17

    React-native 处理登录和注册

  18. 18

    在配置react-native-maps中获取“ supportLibVersion”,“ playServicesVersion”和“ androidMapsUtilsVersion”值

  19. 19

    什么是Redux循环以及如何在React Native中使用它

  20. 20

    使用React-Native和Redux在Actions中访问导航器

  21. 21

    如何解决react-native-paper和Redux中的此错误?

  22. 22

    如何在 react-native 和 Redux 中获取动作创建者的全局状态?

  23. 23

    在 Redux 的 Action 中,使用回调调用函数(使用 async/await 和 React-Native-Contacts)

  24. 24

    如何在React Native Android中实现Google Map(React-Native-Maps)

  25. 25

    在React Native中循环Json和显示

  26. 26

    React Native中的Jest和异步存储

  27. 27

    在React Native中隐藏和显示组件

  28. 28

    android native和react native之间的通信

  29. 29

    android 和 ios 中的 https 获取请求阻塞 - React Native

热门标签

归档