這是我的帶有樣式組件的組件:
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 的存盤庫。
希望有人可以為我闡明這一點。
非常感謝你!
uj5u.com熱心網友回復:
保持風格沒有錯。我通常只做我認為正確的事情。如果檔案變得太大,我會將樣式移到另一個檔案中,即使我只在一個地方使用它。
否則,如果檔案大小是可管理的(大多數情況下)——我會說把它留在那里。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/477927.html
上一篇:加載未登錄的組件時卡住
