访问以React而不是React / Redux工作的api数据,我在做什么错了?

时间:2018-11-01 10:55:42

标签: javascript reactjs redux

我是新来的反应者,并尝试将其与api数据一起使用。我正在制作一个简单应用程序的版本,该版本可以从汇率api(https://api.exchangeratesapi.io/latest?base=GBP)中提取数据并在屏幕上显示数据(作为第一步)-此处的github链接:({{3} }。我可以使用以下代码(“ 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_App_NoRedux),但是,当我尝试访问上述示例中的api的同一部分(没有redux)时,无法将数据输出到控制台或渲染到屏幕。我只是不断收到错误“ TypeError:无法将未定义或null转换为对象”。我可以将第一级数据显示到屏幕上(即,基本速率,该应用程序的redux版本中的第79行),所以我知道数据正在通过,我只是不明白为什么我无法访问数据当我相信我正在应用正确的方法访问它时(下面的层(键/值对的嵌套对象显示国家代码和费率本身))(因为上面的代码在非redux版本中有效)。如果有人可以检查我的代码并查看发生了什么,我是否缺少一些异步的东西,或者数据没有正确地通过redux,我将不胜感激,我一直在为此而苦苦挣扎。几天。

道歉很长一段时间,我只是想提供所有背景信息,希望这个问题很容易被知道自己在做什么的人发现?

0 个答案:

没有答案