Reactjs 如何在样式化组件中使用两次className？ const-Box=styled.div` 显示器：flex； 宽度：1024px； `; 试验

--结果

我想要的结果如下

---

如何在样式化组件中使用两次className？

您不能。样式化组件类名称是自动生成的。可能有一个黑客来实现这一点，但这不是预期的方式

通过导出长方体组件，可以在多个位置使用长方体组件

const Box = styled.div`
    display:flex;
    width:1024px;
`;

<Box>Test</Box>

---

并在其他组件中重用它。这也是主要的反应范式。可以在任何地方重用组件。

是否可以包含代码而不是屏幕截图？我的代码是第一行。最后的截图不是我的代码。

export const Box = styled.div`
    display:flex;
    width:1024px;
;`