样式化的组件未设置<hr />元素的样式

Question

我正在尝试画一条线，但是样式组件出现错误，并且整个页面都无法呈现。

这是代码

//using styled-components

export const Line = styled.hr`
  color: rgba(0, 0, 0, 0.65);
  marginleft: -100;
`;

这是浏览器控制台中显示的错误的屏幕截图。

Answer 1

标签hr不能有孩子。 U不能将hr与带样式的组件一起使用，以防它不是子代。 您只需像这样使用它：<a href='download.php' target='_blank'>Download "Big+Hero+6.2014.HD+1080p.mp4"</a> 不是这样的：<Line /> 您的代码行必须这样：

<Line>Hello</Line>

请参见代码沙箱：https://codesandbox.io/s/qxqzzko8oq