Я новичок, чтобы реагировать и практиковаться в использовании его с данными API. У меня есть версия простого приложения, которое я делаю, которое извлекает данные из API курсов валют (https://api.exchangeratesapi.io/latest?base=GBP)) и отображает данные на экране (в качестве первого шага) - ссылка на github здесь: (https://github.com/char502/Exchange_App_NoRedux). Я могу получить доступ к соответствующей части возвращенного объекта, используя следующий код (строки 82–85 на странице «component / RequestExchange.js»):
{Object.keys(items.rates).map((key, index) => (
<li key={index}>
{key}: {items.rates[key]}
</li>
Я также строю тот же проект с использованием редукса, чтобы помочь моим слабым навыкам в настоящее время:
(https://github.com/char502/exchange_rate_app_react) однако, когда я пытаюсь получить доступ к той же части API, что и в приведенном выше примере (без избыточности), я не могу получить данные для вывода на консоль или рендеринга на экран. Я просто продолжаю получать сообщение об ошибке ' TypeError: Невозможно преобразовать неопределенное или нулевое значение в объект ». Я могу получить первый уровень данных на экране (т. Е. Базовая скорость, строка 79 в версии приложения в виде приставки), поэтому я знаю, что данные поступают, я просто не Я не понимаю, почему я не могу получить доступ к данным уровнем ниже (вложенный объект пар ключ / значение, показывающий код страны и сами тарифы), когда я считаю, что я применяю правильный способ доступа к ним (так как код выше работает в не-избыточная версия.) Я был бы признателен, если бы кто-нибудь смог проверить мой код и посмотреть, что происходит, это какая-то асинхронная вещь, которую я пропускаю, или данные не проходят через избыточную версию правильно, я просто не могу сказать и Я боролся с этим в течение нескольких дней.
Извиняюсь за длинную почту. Я просто пытаюсь представить весь контекст в надежде, что проблему легко заметит тот, кто знает, что они делают?