Supabase异步插入组织后关联Partners表返回空数组问题求助

问题根源 #

你的代码存在两个关键问题，导致插入partners表时返回空数组：

1. Supabase的insert().select()返回数组而非单个对象：哪怕只插入一条数据，newOrgData也是包含单个对象的数组（比如[{id: 1, name: "xxx"}]），直接访问newOrgData.id会得到undefined，导致向partners表插入的partner_organization_id无效，最终插入失败返回空数组。
2. 错误处理顺序错误：你先尝试访问newOrgData的属性，再判断newOrgError。如果插入organizations表失败，newOrgData会是null，此时访问newOrgData.name会直接抛出错误，后续逻辑无法执行。

修复后的代码 #

const handleSubmit = async () => {
  try {
    const { data: newOrgData, error: newOrgError } = await supabase
      .from('organizations')
      .insert([{ name: partnerOrgName }])
      .select();

    // 先处理错误，再操作数据
    if (newOrgError) {
      throw newOrgError;
    }

    // 从数组中取出插入的组织对象
    const newOrg = newOrgData[0];
    console.log(newOrg);

    setPartnerOrgName(newOrg.name);
    setPartnerOrgId(newOrg.id);
  
    const { data: newPartnerData, error: newPartnerError } = await supabase
      .from('partners')
      .insert([{ 
        organization_id: user.organization_id, 
        partner_organization_id: newOrg.id, // 使用数组中取出的有效ID
      }])
      .select();
      console.log(newPartnerData);

    if (newPartnerError) {
      throw newPartnerError;
    }
    
    setIsOpen(false);
    await fetchOrganizations();
  } catch (error) {
    console.error(error);
  }
};

关键修改说明 #

• 调整错误处理顺序：先判断newOrgError，避免插入失败时访问null的属性导致崩溃。
• 从newOrgData数组中提取第一个元素：插入单条数据时，返回的数组只有一个元素，用newOrgData[0]获取实际的组织对象。
• 使用newOrg.id作为partner_organization_id的取值：确保插入partners表的是有效的组织ID，避免因无效值导致插入失败。

额外检查项 #

如果修复后仍然返回空数组，建议检查：

• user.organization_id是否有有效值，避免因该字段为空导致插入失败。
• 检查partners表的字段约束：比如organization_id和partner_organization_id是否设置了外键约束，确保关联的organizations记录存在。
• 查看Supabase控制台的日志，确认插入partners表时的具体错误信息。

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