从useState的ldgrwisesum提取唯一coaGrpId时返回全空数组异常

你得到长度为310的全null数组，说明代码执行时的输入和预期的示例数据不符，或者代码执行时机存在问题。以下是具体的排查和修复步骤：

1. 确认数据源的有效性 #

在执行提取逻辑前，先打印ldgrwisesum的实际值，确保它是包含有效coaGrpId的数组：

console.log('当前ldgrwisesum:', ldgrwisesum);

如果打印结果是数字310，说明你把useState的初始值错误设为了310而非空数组，需要修正初始值：

// 正确的初始值设置
const [ldgrwisesum, setLdgrwisesum] = useState([]);

2. 替换为健壮的提取代码 #

使用Array.from替代展开语法（效果一致，但可读性更强），同时添加空值判断，避免在数组未加载完成时执行：

const uniqueCoaGrpIds = ldgrwisesum?.length 
  ? Array.from(new Set(ldgrwisesum.map(item => item.coaGrpId)))
  : [];

这段代码会：

• 先检查ldgrwisesum是否存在且包含元素
• 通过map提取所有coaGrpId
• 用Set自动去重
• 用Array.from把Set转换回标准数组

3. 排查常见错误点 #

• 若你在组件挂载初期（比如useEffect外部）执行这段代码，可能ldgrwisesum还没被异步请求的数据更新，导致处理的是空数组或初始错误值。这种情况需要把提取逻辑放到useEffect中，依赖ldgrwisesum：

useEffect(() => {
  const uniqueCoaGrpIds = ldgrwisesum?.length 
    ? Array.from(new Set(ldgrwisesum.map(item => item.coaGrpId)))
    : [];
  console.log('去重后的coaGrpId:', uniqueCoaGrpIds);
}, [ldgrwisesum]);

• 若ldgrwisesum中存在大量coaGrpId为null或undefined的元素，需要先过滤无效值再去重：

const uniqueCoaGrpIds = ldgrwisesum?.length 
  ? Array.from(new Set(ldgrwisesum.map(item => item.coaGrpId).filter(Boolean)))
  : [];

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