React Native FlatList数组过滤报错filterdFaqs未定义如何解决

开发者阿泽

2026-10-18

报错原因

核心问题是const声明的变量存在块级作用域限制：你在if和else的代码块内部用const定义的filterdFaqs，作用域仅局限于对应{}包裹的代码块内，块外部的console.log语句和FlatList组件无法读取该变量，因此抛出filterdFaqs is not defined错误。
额外潜在风险：接口请求返回前faq.data可能为undefined，直接调用filter方法会触发新的报错。

修复方案

有两种修改方式都可以解决问题：

方式1：用三元表达式直接赋值（更简洁）

直接在顶层作用域声明filterdFaqs，同时加边界判断兜底：

// 放在原来if/else判断的位置即可
const filterdFaqs = userType === "Lite" 
  ? data?.filter((q) => q.userToDisplayFor === "LiteUsers") ?? []
  : data?.filter((q) => q.userToDisplayFor !== "LiteUsers") ?? [];

console.log(filterdFaqs);

方式2：提前声明变量再赋值

如果习惯用if/else写法，将变量声明提到块外部即可：

// 先在顶层作用域用let声明变量
let filterdFaqs = [];
if (userType === "Lite") {
  filterdFaqs = data?.filter((q) => q.userToDisplayFor === "LiteUsers") ?? [];
} else {
  filterdFaqs = data?.filter((q) => q.userToDisplayFor !== "LiteUsers") ?? [];
}

console.log(filterdFaqs);