Фархад Асадов

Смотри, у тебя есть Серверная часть и Клиентская , общаются они через некий язык запросов. Клиент просит , а он Сервер возвращает. У тебя на сервере должен быть обработчик этого запроса,а именно, ты создаёшь endpoint (допустим GET запрос /getJsonData).

Вариант 1 : Пишешь в этом endpoint'е логику , которая читает этот файл и возвращает клиенту. То есть, после того,как вы написали логику для /getJsonData, вы потом по этому URL обращается уже с клиента. И сервер вернёт вам ваш JSON

Вариант 2 : Вообще, непонятно, зачем сохранять в файл, а потом его же передавать? Ведь можно сразу получить его с базы и отправить клиенту

В вашем JSON 'е нет ни поля id, ни Css стилей.

А так, чтобы получить из них нужные вам поля. Достаточно просто импортировать файл JSON и пройтись по нему , допустим, через forEeach

import myJson from './example.json'
//Some code.....
myJson.forEach(element => console.log(element.id));