Изучаю React, заметил, что последний child-компонент
перезаписывает предыдущий.
В моем случае после рендеринга <Feedback />
присутствует в DOM, а <Header />
отсутствует.
Описания причины такого поведения найти не могу, не могли бы вы подсказать, как это исправить, и где это описано?
function Header(props) {
return (
<header>
<h1>{props.text}</h1>
</header>
);
}
function Feedback() {
return (
<ul></ul>
);
}
function App() {
return(
<Header text="Отзывы" />,
<Feedback />
);
}
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);