Как вывести данные из 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 человек, их всех надо вывести.