안녕하세요 Emotion 컴포넌트 관련해서 질문있습니다 ! (어느방식이 괜찮은 방식일까요?)

Question

안녕하세요 ! 팀원과 Emotion으로 컴포넌트 작업을 하는데 스타일이 서로 달라서 갑자기 궁금해졌는데....아래의 두가지 방식중 어느 방식이 더 괜찮은 방식인지 궁금해서 질문 남깁니다 ! 1. @emotion/styled 활용 const Component = styled.div` background-color: blue; color: white;`export default function Badge({ text }: any) {return {text}} 2. @emotion/react 활용 const badgeStyles = css` background-color: blue; color: white; ` export default function Badge({ text }:any) { return

{text}

}이렇게 간단하게 두가지 예시를 적어봤습니다 !읽어주셔서 감사합니다 :)

냥냥가면 · Answer

제 경우에는 그냥import { css } from "@emotion/react";export const SLayout = css` padding-top: 42px; padding-bottom: 36px; text-align: center;`;이런식으로 작성합니다.

안녕하세요 Emotion 컴포넌트 관련해서 질문있습니다 ! (어느방식이 괜찮은 방식일까요?)

1개의 답변

Q&A 목록