【问题标题】:Refresh screen when modifying from api using react native使用 react native 从 api 修改时刷新屏幕
【发布时间】:2020-10-29 01:29:13
【问题描述】:

我正在创建一个在线订餐应用程序,并且我希望执行一项功能,用户无需滚动或执行任何操作即可在设备屏幕上看到他们的订单已更改状态。

示例:用户进入以查看其订单状态,并且在该屏幕上,用户无需滚动即可查看订单状态的更新情况。

我不知道我是否应该使用侦听器或某种方式与异步和等待

我正在使用带有钩子的 react native、react navigation 5、axios 进行 API 调用

你知道我该怎么做吗?我怎样才能找到这方面的更多信息。

感谢您能给我的任何帮助。

【问题讨论】:

    标签: react-native react-hooks


    【解决方案1】:

    有两种方法可以解决这个问题。

    1. 轮询 - 您可以创建一些间隔,例如 1 秒,让 axios 重新获取您需要的数据。使用 setInterval() https://www.w3schools.com/jsref/met_win_setinterval.asp 包装您的 axios 调用是其中的一种形式。

    2. Web Sockets - 您可以创建一个 Web 套接字来保持与您的应用程序和服务器的持续连接,因此当更新发生时,它会自动反映在 UI 中。你可以在这里查看 React Native 中的 WebSocket 支持:https://reactnative.dev/docs/network.html#websocket-support

    【讨论】:

    • 非常感谢,我也发现它可以与推杆或火基地一起使用。我会阅读您的建议。
    猜你喜欢
    • 1970-01-01
    • 2018-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 1970-01-01
    • 2021-01-06
    • 1970-01-01
    相关资源
    最近更新 更多