React - How to wrap a component

첫번째 방법

const getWrapper = (hideFooter: boolean) => {
  if (hideFooter) {
    return Layout
  } else {
     return Fragment
  }
}

const Wrapper = getWrapper(false)

return (
  <Wrapper>
  ...
)

 

두번째 방법

function Wrapper({ children, hideFooter }: { children: ReactNode; hideFooter: boolean }) {
  if (hideFooter) {
    return <>{children}</>
  }
  return <Layout>{children}</Layout>
}

return <Wrapper hideFooter={false}>