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

Question

contenteditable="true"

-结果

我想要的结果如下。

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

Answer 1

不能。样式化的组件类名称是自动生成的。可能会实现此目的，但这不是预期的方式。

您可以通过导出在多个地方使用Box组件

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

，并在其他组件中重复使用。这也是主要的React范例。尽可能重用组件。