Реквизит в начальных аргументах стиля компонента? - PullRequest
Новая
       36

Реквизит в начальных аргументах стиля компонента?

1 голос
/ 11 апреля 2020

Я сделал этот служебный компонент, который позволяет некоторые простые реквизиты: 

export const CenterFlexRow = styled.div<{
  bordered?: boolean
  margined?: boolean
  padded?: boolean
}>({
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  position: 'relative',
}, props =>
  Object.assign({},
    props.bordered && { border: 'solid thin black' },
    props.margined && { margin: 10 },
    props.padded && { padding: 10 },
  ))

Я могу использовать его так: 

const CarouselWrapper = styled(CenterFlexRow)({})

return <CarouselWrapper bordered padded>
  ...
</CarouselWrapper>

Но есть ли способ, которым я могу поставить реквизиты в определении из CarouselWrapper, чтобы мое использование этого компонента могло быть проще?

Это работает, но я sh это может быть короче: 

const CarouselWrapper = ({ children }: any) =>
  <CenterFlexRow bordered padded children={children}/>
...