javascript - 访问在 react 中工作但不是 react/redux 的 api 数据，我做错了什么？

Question

我是新来的反应和练习使用它与 api 数据。我有一个我正在制作的简单应用程序的版本，它从汇率 api ( https://api.exchangeratesapi.io/latest?base=GBP ) 中提取数据并在屏幕上显示数据（作为第一步） - 这里的 github 链接：( https://github.com/char502/Exchange_App_NoRedux )。我可以使用以下代码（“components/RequestExchange.js”页面上的第 82 到 85 行）访问返回对象的相关部分：

{Object.keys(items.rates).map((key, index) => (
              <li key={index}>
                {key}: {items.rates[key]}
              </li>

我也在用 redux 构建同一个项目，以帮助我目前较弱的 redux 技能：( https://github.com/char502/exchange_rate_app_react) 但是，当我尝试访问与上述示例相同的 api 部分（没有 redux）时，我无法将数据输出到控制台或渲染到屏幕。我只是不断收到错误“TypeError：无法将未定义或空值转换为对象”。我可以将第一级数据显示到屏幕上（即基本速率，应用程序的 redux 版本中的第 79 行）所以我知道数据正在通过，我只是不明白为什么我无法访问数据当我相信我正在应用正确的方式来访问它时（因为上面的代码在非 redux 版本中有效）如果有人可以检查我的代码并查看发生了什么，我将不胜感激，是我遗漏了一些异步的东西还是数据没有正确地通过 redux，我只是可以'

抱歉，我只是想提供所有背景信息，希望知道自己在做什么的人很容易发现问题？

标签： javascriptreactjsredux