如何检测React State属性是否存在空值？代码异常排查

原代码的核心问题 #

1. 逻辑方法用反：你用了every，这个方法要求所有元素都满足条件才返回true，但你的需求是「只要有任意一个属性是空值就返回true」，应该用some方法。
2. 条件判断逻辑错误：value==='' && value===0 && value === []这种写法意味着一个值要同时等于空字符串、数字0、空数组，这在JS里根本不可能成立，必须把&&换成||。
3. 空数组判断失效：JS里数组是引用类型，[] === []永远返回false，判断空数组应该用Array.isArray(value) && value.length === 0。

正确实现代码 #

const hasEmptyValue = Object.values(state).some(value => {
  // 判断是否是空字符串、0、空数组
  return value === '' || value === 0 || (Array.isArray(value) && value.length === 0);
});
console.log(hasEmptyValue);

扩展说明 #

如果需要把null、undefined也纳入「空值」判断范围，可以扩展条件：

const hasEmptyValue = Object.values(state).some(value => {
  return value === '' || value === 0 || value == null || (Array.isArray(value) && value.length === 0);
});

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