父子组件联动出现问题的一个bug记录

这是Bug是这样，父组件有个部门的树，子组件有个饼图。

初始状态下，部门树默认是查询全部部门，饼图是有数据的，切换不同的部门后，饼图也是有数据的。

但是当部门切回全部时候，饼图消失了。

打开开发者工具后，当部门切回全部时候，发现查询饼图的后端接口，返回的数据是null。

很奇怪，因为初始状态下，部门树默认是查询全部部门，饼图是有数据的。

前端程序员因此断定问题出现在后端，需要修改后端代码。

但经过全栈程序员把前后端代码联调测试后，

贴出后端代码

func (a *Project) GetOrgProportion(ctx context.Context, tenantID string, orgID string, niandu int, projectIds []string) ([]*schema.CategoryData, error) {
    results := []*schema.CategoryData{}

    var err error
    total := 0.0

    // 直接指定的部门数据
    //params.OrgIDs, err = a.OrgModel.GetUserPermissionOrgIDs(ctx, user, params.OrgID)
    //if err != nil {
    //    return nil, err
    //}

    getIdsByTenanId, err := a.OrgModel.GetIdsByTenanId(ctx, tenantID)
    if err != nil {
        return nil, err
    }
    var params schema.StatParam
    params.TenantID = tenantID
    params.OrgID = lo.If(orgID == "全部", "").Else(orgID)
    params.Niandu = niandu
    params.OrgIDs = lo.Map(getIdsByTenanId, func(item entity.Org, index int) string {
        return item.ID
    })

    org, _ := a.OrgModel.Get(ctx, params.OrgID)
    if org != nil {
        params.OrgIDs = append(params.OrgIDs, params.OrgID)
        result := &schema.CategoryData{}
        result.Category = org.Name
        result.Value, err = a.ProjectModel.GetOrgProportionSumPreValue(ctx, params, projectIds)
        results = append(results, result)
        total = total + result.Value
    }
    // 查询部门下一级子部门，统计板块产值，只需统计到选择部门的下一级即可，不必继续深入再下层
    orgs, _ := a.OrgModel.GetOnlyNextOrgTree(ctx, params.TenantID, params.OrgID, 1)
    if orgs != nil {
        for _, org := range orgs {
            result := &schema.CategoryData{}
            result.Category = org.Name
            orgIds, err1 := a.OrgModel.GetChildrenOrgIDs(ctx, params.TenantID, org.ID, 1)
            if err1 != nil {
                return nil, err1
            }
            params.OrgIDs = orgIds
            result.Value, _ = a.ProjectModel.GetOrgProportionSumPreValue(ctx, params, projectIds)
            results = append(results, result)
            total = total + result.Value
        }
        // 单独对schema.CategoryDatas进行了接口处理，所以可以直接使用sort
        sort.Sort(sort.Reverse(schema.CategoryDatas(results))) // 默认sort.Sort升序，sort.Reverse后改为降序
    }

    if total < 0.0001 {
        for _, result := range results {
            total = total + result.Value
        }
    }
    if total > 0.00 {
        for _, result := range results {
            result.Ratio = result.Value / total
        }
    }
    return results, err
    //}
}

断点后 

后端 params.OrgID = lo.If(orgID == "全部", "").Else(orgID) 代码 引起注意。
分析发现此处前端代码理应传入一个 orgID 字符串值正好等于 "全部"，否则 如果 前端params.OrgID 设置为空字符串 ""，传递给后端，这样会直接导致接口返回null。
饼图代码在子组件中，是否需要在子组件设置 OrgID 参数的值呢

OrgID来源于父组件。需要通过父组件传入子组件。

解决方案是在父组件中加入设置

params.OrgID为全部，而不是 使其为

空字符串 ""

这个问题表象上是后端接口返回空，但是本质上是前端初值设置不当导致的。如果不会后端断点查看后端判断条件是什么，需要前端给到什么样的参数值。
只不断调试前端代码，是无法快速定位问题的。这也是专业前端即使可以解决很多精深的前端问题，也无法解决这样一个需要全栈程序员联调的问题。