olgamiro1990
@olgamiro1990
Уравновешенная, самокритичная)))

Как распарсить данные с json в другую компоненту?

Добрый день профессионалы! Помогите плиииз))
Есть компонента в которую мне нужно вытащить данные из json.
- json файл создан в корне возле src в create-react-app
- в этом файле такая структура:
{
  "elem" : [
     {"id": "1", "title": "elem1", "color": "red"},
     {"id": "2", "title": "elem2", "color": "blue"},
     {"id": "3", "title": "elem3", "color": "white"},
],
}

- дальше , мне нужно этот Json распарсить в другую компоненту, вроде понимаю что нужно сделать что-то подобное JSON.parse(elem), но простите не соображу как это сделать((
вопрос в том, как его импортировать в другую компоненту и там распарсить, чтоб с ним работать дальше?? вопрос может для вас сильно простой, а я уже замучалась((
Спасибо заранее огромное)))
  • Вопрос задан
  • 167 просмотров
Решения вопроса 1
@h88p
Pre-Junior HTML Developer
???
Example:

Data.json
{
    "privet": "hi"
}


App.js
import React from 'react';
import Data from './Data';
import './App.css';

function App() {
  return (
    <div className="App">
          {Data['privet']}
    </div>
  );
}

export default App;


p.s.
Метод JSON.parse() разбирает строку JSON

Источник
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы