[Vue警告]：渲染错误：“ TypeError：无法读取未定义的属性'categoryName'”]]

Question

<div v-if="text" class="click-event" @click="select(record)">
  {{
     ((groupData.filter(group => (group.id === parseInt(text, 0))))[0].categoryName)||'No Group'
  }}
</div>
我有这行代码在ant design vue表中显示categoryName。

但是它将在控制台中返回此错误：

Vue warn]: Error in render: "TypeError: Cannot read property 'categoryName' of undefined"
但是它仍然在表中显示我想要的正确数据。是的，我知道一旦捕获到api即可更改数据，就可以在javascript函数中进行循环。但是Get API中已经包含许多变量。如果我想循环，将花费很多代码行。

我该如何克服这个错误？但仍显示categoryName？

{{（（（groupData.filter（group =>（group.id === parseInt（text，0）））））[0] .categoryName）||'No Group'}}

我有。 ..

Answer 1

((groupData.filter(group => (group.id === parseInt(text, 0))))[0].categoryName)||'No Group'