How to wrap component (2 ways)

May 21, 2022

첫번째 방법


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}>