Как поместить компонент в компонент?

Question

[dhscor]

Есть два компонента:
Header
Nav
Как поместить один компонент внутрь другого в index.js?
Index.js:

import Head from 'next/head'
import Header from '../components/Header'
import HeaderMenu from '../components/Nav'
function App() {
  return (
    <>
    <Header />
    <Nav />
    </>
  )
}
export default App;

Answer 1

[TRNER]

Можно импортировать один компонент внутрь другого, или, например, использовать props.children

Answer 2

[Владимир]

Проще всего - Nav испльзовать в Header.jsx. Если Header написан так, чтобы рендерить props.children то можно использовать такой синтаксис
https://reactjs.org/docs/glossary.html#propschildren