React Native对接DRF表单上传报错：Cannot read property 'split' of null

问题核心 #

当无需上传图片时，bidderonecac变量为null，调用split()方法触发报错；即便添加了条件判断，仍因后续无条件执行formdata.append操作，引发空值相关错误。

解决方案 #

修改React Native代码，仅在bidderonecac有效时处理图片并添加到FormData，否则跳过该字段：

// 仅当存在有效图片URI时才处理并添加到表单
if (bidderonecac && bidderonecac.trim()) {
  const bidderOneImageUri = "file:///" + bidderonecac.split("file:/").join("");
  formdata.append("bidderOneCac", {
    uri: bidderOneImageUri,
    type: mime.getType(bidderOneImageUri),
    name: bidderOneImageUri.split("/").pop()
  });
}

原因说明 #

1. 原代码无论是否有图片都会执行formdata.append，当bidderonecac为null时，即使bidderOneImageUri设为空字符串，后续的mime.getType("")或字符串处理仍可能触发隐性错误；
2. 后端Serializer已配置required=False和allow_null=True，无需强制传递bidderOneCac字段，跳过该字段即可避免空值问题；
3. 条件判断中加入bidderonecac.trim()，是为了排除空字符串的情况，确保仅处理有效的图片URI。

验证要点 #

• 确认bidderonecac变量在无图片时确实为null或空字符串；
• 测试无图片上传场景，检查FormData是否未包含bidderOneCac字段，后端可正常接收请求。

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