样式化组件 / React - Fragment 元素上的样式

Question

我对 StyledComponents 有疑问，是否可以使用React.Fragment或任何其他现有组件创建样式？

我使用这个例子（意图是样式ContainerFragment将背景绘制为蓝色并使用所有样式）

代码笔

如果不可能，是否存在另一种解决方法？显式使用 Fragment 作为示例。

---

更新：我在这个问题上针对我的真正问题提出了一个具体问题

Answer 1

如果您需要设置样式，Fragment那么您可能一开始就不应该使用它。Fragments存在作为返回相邻JSX元素的解决方法，它们不会向 渲染任何内容，DOM因此无法进行样式化。

这不正确：

const ContainerFragment = styled(React.Fragment)`
  border: 1px solid red;
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  background: blue; 
`

片段不像div. 它不会被渲染到常规html元素

Answer 2

key是唯一可以传递给 的属性Fragment。将来，我们可能会添加对其他属性的支持，例如事件处理程序。