return (
<div><div>
<div><div>
<div><div>
)
// будет ошибкой
return (
<>
<div><div>
<div><div>
<div><div>
</>
)
// будет правильно если внутри return более 1 элемента, нужно обернуть, в контейнер чтобы был 1 узел
import React, { useState, Component } from 'react'
class Header extends Component {
state = {
array: []
}
getCards() {
this.setState(() => ({array: [{name: 123, id: 123}]}));
}
componentDidMount() {
setTimeout(() => {
this.setState({array: [{name: 123, id: 123}]})
})
}
render() {
const cards = this.state.array.map(card => {
return (
<div>
<p>{card.id}</p>
<p>{card.name}</p>
</div>
)
})
return (
<>
{
cards
}
</>
)
}
}
const App = () => {
const [count, setCount] = useState(0)
return (
<>
<Header></Header>
</>
)
}
export default App