React Native API调用报错及架构合理性咨询

嘿，作为React Native新手遇到这种问题很正常，我帮你拆解一下：

一、先搞定语法错误（核心问题） #

你报错Property 'then' does not exist on type 'void'的根本原因是：你的loginDriver函数没有返回fetch的结果。fetch本身会返回一个Promise对象，只有返回这个Promise，你才能在调用它的时候用.then/.catch链式调用。另外我还发现你代码里有个拼写小错误，得一起修正！

修正后的loginDriver函数： #

static loginDriver(username: string, password: string) { 
  // 这里一定要return fetch的结果！
  return fetch('http://localhost:8080/drivers/login', { 
    method: 'POST', 
    headers: { 
      Accept: 'application/json', 
      'Content-Type': 'application/json', 
    }, 
    body: JSON.stringify({ 
      username: username, // 这里之前拼写成uername了，接口可能收不到正确参数
      password: password, 
    }), 
  }); 
}

这样你的handleLoginPress调用就可以正常使用.then/.catch了，因为现在loginDriver返回的是Promise类型，不再是void。

二、关于架构合理性（结合你的iOS背景） #

从iOS开发角度来看，你这种把网络请求封装成静态API助手类的做法非常合理！这和iOS里我们封装NetworkManager单例或者静态工具类的思路完全一致：

• 可以统一处理网络请求的公共逻辑（比如请求头设置、baseURL管理、超时配置）
• 避免在业务代码里重复写fetch的模板代码
• 方便后续统一修改网络层逻辑（比如换成axios或者其他库）

可以再优化的小建议： #

• 把baseURL抽成常量（比如const BASE_URL = 'http://localhost:8080'），后续修改环境更方便
• 在API助手类里统一处理响应解析，比如在fetch之后先解析成JSON，这样业务代码里不用每次都写.then(res => res.json())
• 可以添加统一的错误处理逻辑（比如判断HTTP状态码、解析后端返回的错误信息），减少业务代码里的重复判断

内容的提问来源于stack exchange，提问作者jwarris91