컴포넌트 배치

app.js

function App() {
  return (
    <Layout>
      <Cart />
      <Products />
    </Layout>
  );
}

Layout.js

import { Fragment } from 'react';
import MainHeader from './MainHeader';

const Layout = (props) => {
  return (
    <Fragment>
      <MainHeader />
      <main>{props.children}</main>
    </Fragment>
  );
};

export default Layout;

• layout 파일 안에 MainHeader.js 존재