How to solve "TypeError: Cannot read property 'category' of undefined" in react?

Question

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

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.

谁能看出我哪里错了？

Answer 1

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

Answer 2

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

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

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

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

Answer 3

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

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

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

javascript