组件之间的 React Styled 组件空间答案

【问题标题】：React Styled Component space between components组件之间的 React Styled 组件空间
【发布时间】：2018-02-13 06:46:58
【问题描述】：

我有几个styled components 连续有一张图片。我只需要在HeaderLinks 之间添加一个空格。我尝试了以下方法，但它不起作用。

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

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

HeaderLink1|HeaderLink2|图像|HeaderLink3|HeaderLink4

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

【问题讨论】：

看看这个答案：stackoverflow.com/questions/35444060/react-inline-styling这应该是你需要的。
是的，它给我带来了一个想法。使用 ${HeaderLink} 而不仅仅是 HeaderLink 解决了问题。谢谢

标签： css reactjs styled-components

【解决方案1】：

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

【讨论】：