Блог

Главная - Вопросы по программированию - Передача переменной в стилизованный компонент для добавления дополнительных стилей, если верно

Передача переменной в стилизованный компонент для добавления дополнительных стилей, если верно

#css #reactjs #styled-components

Вопрос:

У меня есть логическое свойство, которое в настоящее время решает true — однако, когда я добавляю следующее в свой компонент стиля, нужные стили никогда не добавляются. Я совершенно уверен, что это проблема синтаксиса, так как, даже если я установлю shouldIndentLabel этот компонент, стили никогда не будут отображаться?

 const StyledText = styled.p`
  font-weight: 300px;
  display: inline-block;

  ${({ shouldIndentLabel }) =>
    shouldIndentLabel amp;amp;
    css`
      margin-left: 30px;
    `}
`;

Комментарии:

1. Можете ли вы поделиться использованием StyledText компонента в вашем JSX?

Ответ №1:

Это была глупая ошибка с моей стороны — я совершенно забыл на самом деле передать StyledText shouldIndentLabel реквизит! Я виноват, что не включил JSX в исходный вопрос!

 <StyledContainer>
   <StyledText shouldIndentLabel={shouldIndentLabel}
</StyledContainer>
Метки: ,