javascript - 如何在反应中解决“TypeError：无法读取未定义的属性'类别'”？

Question

我只是在反应中做了一个简单的解构，但它显示标题为错误消息，我不知道为什么。这是我的代码：

const {correct_answer, incorrect_answers} = data[0]
const arr = [correct_answer, ...incorrect_answers]
console.log(arr)

运行此代码后，在浏览器控制台中显示以下错误消息：

TypeError: Cannot destructure property 'correct_answer' of 'data[0]' as it is undefined.

谁能看到我错在哪里？

score 1 · Accepted Answer

似乎data第 0 个位置不包含元素？你有没有试过console.log(data)看看里面到底有什么？

score 1 · Accepted Answer

您将需要处理 data[0] 的 null 情况。

const {correct_answer, incorrect_answers} = data[0] || {};

或者，如果您使用的是较新的 ECMA 版本：

const {correct_answer, incorrect_answers} = data[0] ?? {};

score 1 · Accepted Answer

data[0]可能未定义，错误也是如此。

您可以为解构变量分配默认值。假设它们是数组，您可以像下面那样做。

const {correct_answer= [], incorrect_answers=[]} = data[0] || {};
const arr = [correct_answer, ...incorrect_answers]

3 回答 3