意外的应用程序错误！无法读取未定义的属性（读取“包含”）

Question

我一直在关注 Lama Dev 的教程，并且遇到了错误消息无法读取未定义的属性（读取“包含”），通过编写与 Lama Dev 相同的确切代码（此处的源代码）：

{data.includes(currentUser.id) ? (
  <FavoriteOutlinedIcon style={{color: "red"}} />
) : (
  <FavoriteBorderOutlinedIcon />
)}

我想知道这里出了什么问题。

Answer 1

当您仍在获取时，

data

变量将为

undefined

。
所以首先，在你做

data.includes

之前，你必须检查

data

是否不是

undefined

。同样，在这个特定的示例中，您可以（按照您提供的教程）检查 

isLoading

 的值是否为 

false

 那么您知道您有 

data

 并且可以执行 

data.includes

。

简而言之：

{data && data.includes(currentUser.id) ? (
  <FavoriteOutlinedIcon style={{color: "red"}} />
) : (
  <FavoriteBorderOutlinedIcon />
)}