Как рендерить несколько компонентов в React используя JSON?

Question

[d1zz7]

Допустим есть JSON
const data = api_url.json();

И к примеру:

function BlaBla() {

return(
  
)
}

В render () зарендерить несколько h1сюда значение name из JSON/h1 в зависимости от размера JSON

Ещё один пример, вот это выводит в консоль name` из JSON:
for (var key in data) {
console.log(data[key].name)
}

А мне нужно это запихать в метод return( h1 {сюда name }/h1)

ну как-то так))

Answer 1

[d1zz7]

Нашёл решение

Answer 2

[Алексей Джо]

Поучить реакт. Особо обратить внимание на componentDidMount и useEffect. И еще html, т.к. рендерить несколько тегов h1 - это моветон.

Comments

[d1zz7]

Вот же работает:

{


                mathes.map(function (item, i) {
                    return (
                        <h1>{item}</h1>
                    )
                })

            }

где-то не важно где есть такая функция:

for (var key in data) {
            console.log(data[key].name);
            var m = _.concat(m, data[key].name);

        }
        setMathes(m);

[d1zz7]

Это лишь пример, мне просто нужно было рендерить несколько компонентов используя пропсы по полученному JSON