React Styled Component space 组件之间

Question

我有几个 styled component 连着一张图片。 我只需要在 HeaderLink 之间添加一个 space。 我尝试了以下方法，但它不起作用。

const HeaderLink = styled.a`
  color: #000;
  font-size: 1.5em;
`;

const Wrapper = styled.div`
  HeaderLink + HeaderLink {
      margin-left: 1em;
  }
`;

HeaderLink1|HeaderLink2|Image|HeaderLink3|HeaderLink4

所以我想在 HeaderLink1&HeaderLink2 和 HeaderLink3&HeaderLink4 之间添加边距。 如何在 styled css 中使用 styled component？

Answer 1

刚刚使用 ${HeaderLink} 而不是 HeaderLink。