样式化的组件-将道具传递给所有儿童

时间:2020-03-16 14:44:38

标签: reactjs styled-components

我在将道具传递到SC组件时遇到问题。我有一个属性,并且我想在一个组件中的多个样式元素上基于此属性以样式进行响应。我应该为每个元素传递此参数,还是可以使用其他解决方案在示例中为顶级父元素传递此参数,并在需要的所有子元素中使用此参数?

<StyledCardContent smallVersion={smallVersion}>
    <StyledCardTitle smallVersion={smallVersion}>
      test title
    </StyledCardTitle>
    <StyledCardDetails>
      <StyledCardDetailsList>
        <StyledCardDetailsItem smallVersion={smallVersion}>
          test place
        </StyledCardDetailsItem>
        <StyledCardDetailsItem smallVersion={smallVersion}>
           test distance
        </StyledCardDetailsItem>
        <StyledCardDetailsItem smallVersion={smallVersion}>
          test bus
        </StyledCardDetailsItem>
      </StyledCardDetailsList>
      <StyledCardDetailsList>
        <StyledCardDetailsItem smallVersion={smallVersion}>
          test bills
        </StyledCardDetailsItem>
        <StyledCardDetailsItem smallVersion={smallVersion}>
           test persons
        </StyledCardDetailsItem>
      </StyledCardDetailsList>
    </StyledCardDetails>
  </StyledCardContent>

0 个答案:

没有答案