[React] styled-components props 값 넘겨 받기

아래 예시는 간단한 버튼 배경 색상을 바꾸는 코드이지만, 이를 잘 활용하면 다양한 곳에 편리하게 사용할 수 있을 것 같다!

 

---

  

styled-components props 값 넘겨 받기

import styled from "styled-components";

export const Test = () => {
    return (
        <div>
           <Button theme>버튼</Button>	// theme를 props로 전달
        </div>
    );
}

const Button = styled.button`
    background-color: ${(props) => props.theme};
`;