Reactjs 样式化组件/React-片段元素上的样式

我对StyledComponents有一个问题，是否可以使用

React.Fragment

或任何其他现有组件创建样式

我使用这个示例（目的是样式

ContainerFragment

将背景绘制为蓝色，并使用所有样式）

如果不可能，是否存在其他解决方法？显式使用片段作为示例

---

---

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

如果你需要设计一个

片段

，那么你可能不应该首先使用它<代码>片段作为返回相邻的

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

元素

键

是唯一可以传递给的属性。

---

将来，我们可能会添加对其他属性的支持，例如事件处理程序。

我可能需要重新制定问题。我只需根据我的特定场景创建另一个问题，您可以根据需要创建片段并发送颜色等道具。()