首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/native-data-fetching
技能头像

native-data-fetching

开发者工具

让你的智能体能够使用现代 React 和 Expo 模式实现并调试网络请求、API 调用以及数据获取。

使用场景

  • 当你需要在移动应用中设置 React Query 或 SWR 进行状态管理时

  • 当你实现身份验证、令牌刷新或安全存储流时

  • 当你需要添加离线支持或特定环境的 API 配置时

使用方式

  1. 1

    在所有网络请求中,优先使用原生的 fetch API 而非 axios

  2. 2

    实现全面的错误处理,包括状态检查和类型化的 ApiError 类

  3. 3

    配置 TanStack Query (React Query) 以进行缓存、重试和自动请求取消

  4. 4

    使用 EXPO_PUBLIC_ 环境变量处理客户端 API URL,同时确保机密信息安全

示例对话

案例
你

你

我如何在我的 Expo 应用中获取用户数据并进行缓存?

native-data-fetching

Agent

我将帮助你为用户个人资料设置 React Query。我们将使用具有错误处理功能的自定义 fetcher,我还会向你展示如何配置 `QueryClientProvider`,以便你的数据保持 5 分钟的新鲜度,并在用户离线后重新上线时自动重新获取。

FAQ

相关 Skill

查看更多
building-native-ui
building-native-ui设计与创意

Gives your agent the ability to build beautiful, high-performance mobile applications using Expo Router, following Apple Human Interface Guidelines and modern React Native patterns.

data-analysis
data-analysis数据与分析

赋予您的智能体分析和改进数据分析报告及指标的能力。

react-native-best-practices
react-native-best-practices开发者工具

使您的代理能够针对性能、包体积 (bundle size) 和流畅的动画优化 React Native 应用程序。

vercel-react-native-skills
vercel-react-native-skills开发者工具

让您的智能体能够使用 React Native 和 Expo 优化技术构建高性能移动应用。

shuffle-json-data
shuffle-json-data数据与分析

赋予您的智能体安全地随机打乱重复 JSON 对象的能力,同时验证模式一致性以防止数据损坏或语法错误。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。