是否导出样式组件

Question

这是我的带有样式组件的组件：

import styled from "styled-components";

const StyledEditButton = styled.button`
  border-radius: 5px;
`;

interface Props {
  value: string;
}

export const EditButton = ({ value }: Props) => {
  return <StyledEditButton>{value}</StyledEditButton>;
};

我有一个关于是否导出样式的问题。

如果我以后不打算重用这个样式(StyledEditButton)，也就是说，它只会影响这个组件，是否需要将它导出到另一个文件并将其导入 EditButton？是在我看过的所有教程中，他们只谈论将要重用的组件，如主按钮、输入等……当然，他们导出样式，但恰恰是我拥有的样式，我只是用它来代替特定的。是否可以将样式保留在组件中而不必导出它？我确定这是一个愚蠢的问题，但我在互联网上看了很多，但我没有找到任何相关信息，也没有找到人们使用 Styled-component 的存储库。

希望有人能为我阐明这一点。

非常感谢！

Answer 1

保持风格没有错。我通常只做我认为正确的事情。如果文件变得太大，我会把样式移到另一个文件中，即使我只在一个地方使用它。

否则，如果文件大小是可管理的（大多数情况下是这样）——我会说就把它留在那里。

是否导出样式组件

Export styled-components or not

typescript

reactjs

styled-components