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

Question

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

请提供任何帮助，谢谢。

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

Answer 1

您的错误仅表示“状态”未定义。

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

意味着您要从“ useContext（Store）|| [];”的结果中提取名为state的属性

在数组为空的情况下，它没有任何意义，则数组将没有属性状态。所以你可以改变

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

我不知道应该返回什么“ useContext（..）”，但是至少当您有一个空数组时，它可以纠正错误