Как вывести содержимое .json файла в React JS?

Question

[Леонид Марков]

Есть задача - вывести содержимое файла clients.json - одиночными блоками или целиком. Я пытался это сделать путем использования асинхронного вывода через fetch, но почему-то ничего не работает и выбивает ошибку. Может есть другие варианты, как распарсить этот файл? А то я перерыл уже кучу источников, но нигде не нашел внятного решения данной проблемы.
Вот код https://stackblitz.com/edit/react-clients-list
Прошу не закидывать сильно тапками - я только начинаю изучать React JS и не с кем проконсультироваться по некоторым нюансам. Любая конструктивная критика только приветствуется и буду премного благодарен за любую помощь

Answer 1

[Aleksandr]

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

Ошибка говорит об отсутствие return в render или о том, что ничего не возвращает.

Покажите сам код

Comments

[Леонид Марков]

Вот рабочий код https://stackblitz.com/edit/react-clients-list

Answer 2

[Роман Султанов]

Почему у вас функция вынесена в Client1.js, но она ничего не возвращает и вообще выглядит как неправильный компонент?

Comments

[Леонид Марков]

Вот я то и хотел узнать, КАК правильно сделать и ЧЕГО ИМЕННО не хватает. Я ж только учусь и не хотелось бы изобретать велосипед, если где-то есть хорошие практики решения подобных задач. И насчет того, что функция НИЧЕГО не возвращает - в том-то и вопрос, КАК сделать, чтобы она выводила данные из clients.json?

[Роман Султанов]

masterbiz, примерно так

[Леонид Марков]

Роман Султанов, Спасибо огромное, а то я уже было отчаялся эту вроде как простую проблемку решить!))

[Леонид Марков]

Роман Султанов, Можно еще маленькое уточнение? Вы сделали свой пример на randomuser, где основной массив данных имеет глобальный ключ results, а в моем примере массив (clients.json) идет БЕЗ КЛЮЧА и данные почему-то не хотят выводиться. Получается, что со сторонним API все работает, а мой злополучный файл так и не хочет парситься. Может там в FETCH что-то еще указать нужно?

[Роман Султанов]

Леонид Марков, честно говоря, я не знаю, но иногда подходило волшебное слово "data" или "Data".

[Леонид Марков]

Роман Султанов, Понятно, что НИЧЕГО не понятно. Если не хотите помочь - ради Бога, я не навязываюсь, только вот зачем издеваться? Я попросил помочь с решением проблемы с извлечением данных ИМЕННО из моего .json файла,а не с внешнего API, по причине его нестандартной структуры. Потому что НИГДЕ не нашел способа извлечения данных именно из файла такой структуры, как у меня. Там наверняка проблема пустяковая с точки зрения профессионального разраба, а для меня - тупик ибо ни в каких доках я решения не нашел. Так что если у вас нет решения, лучше вообще не отвечайте

[Роман Султанов]

Леонид Марков, я исправился и несу готовый вариант. Посмотрите (если еще актуально)

[Леонид Марков]

Роман Султанов, спасибо преогромнейшее! Оказывается, все ТАК просто было, а я парился всякими асинхронами! В общем, проблема решена