无法读取“地图”未定义的属性 - 打字稿反应答案

【问题标题】：cannot read property of 'map' undefined - typescript react无法读取“地图”未定义的属性 - 打字稿反应
【发布时间】：2020-09-15 09:28:27
【问题描述】：

我正在尝试使用 typescript 创建一个简单的应用程序，这是我第一次使用带有上下文 api 的 typescript 并达到这个级别，所以我遇到了我不太理解的问题。我的主要问题是我的.map 在我看来没有工作，并且由于某种原因并给了我我在标题中提供的错误，当我单击Main.tsx 文件中的Add catergory 按钮时，那里似乎也没有任何效果?有任何想法吗？我在下面创建了一个沙盒。

任何帮助将不胜感激，谢谢。

https://codesandbox.io/s/smoosh-violet-j1gjz?file=/src/components/CategoryList.tsx

【问题讨论】：

标签： reactjs typescript

【解决方案1】：

您的错误只是意味着“状态”未定义。

const { state } = useContext(Store) || [];

表示要从“useContext(Store) || [];”的结果中提取名为state的属性

如果你有一个空数组，它没有意义，你的数组将没有属性状态。所以你可以改变

const state = useContext(Store) || [];

我不知道“useContext(..)”应该返回什么，但至少当你有一个空数组时它会纠正错误

【讨论】：