인프런 커뮤니티 질문&답변

안녕하세요 제로초님!

간단한 css 적용할때, 아래 두 방법 중 어떤 방법이 더 좋을까요?

1번처럼 되도록 컴포넌트 내부에 작성하는 것이 좋을까요?

1 - Component 내부에서 style 객체를 useMemo로 감싸서 캐싱하기

export default function FollowList ({ header, data }) {
    const style = useMemo(() => ({
        marginBottom: 20,
    }), []);
 
   // ....
}

2- Component 외부에서 style 객체 선언하기

const style = {
    marginBottom: 20,
};

export default function FollowList ({ header, data }) {
    // ...

}