Как вывести данные из JSON в приложение ReactJS

Подскажите, есть приложение, которое через запрос fethData получает ответ в формате json:

[
  {"name":"Игорь",  "znak":"Водолей"},
  {"name":"Андрей", "znak":"Стрелец"},
  {"name":"Максим", "znak":"Дева"}
]

Как в React правильно внести данные в переменную, а потом построить из красивое отображения с помощью .map?

Например:

fetch('https://example.ru/znaki.php')
    .then(response => response.json())
    .then(answer => {
        const result = answer;
        // оперируйте данными здесь сколько душе угодно
    });

const Otvet = result

const App = () => {
  return ( 
    <div> Otvet.name </div> 
    <div> Otvet.znak </div> 
  )
}

Не знаю, как это сделать с помощью map, только что бы, если пришло в json 5 человек, их всех надо вывести.


Ответы (0 шт):