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

Question

[Ольга Миронова]

Добрый день профессионалы! Помогите плиииз))
Есть компонента в которую мне нужно вытащить данные из 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), но простите не соображу как это сделать((
вопрос в том, как его импортировать в другую компоненту и там распарсить, чтоб с ним работать дальше?? вопрос может для вас сильно простой, а я уже замучалась((
Спасибо заранее огромное)))

Answer 1

[h88p]

???
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

Источник