복붙노트

[REACTJS] 스타일 된 구성 요소에 클래스 추가

REACTJS

스타일 된 구성 요소에 클래스 추가

해결법


  1. 1.당신은 스타일-구성 요소로 그것을 통해 스타일을 주입 래퍼 / 컨테이너 클래스 이름을 제공해야합니다 :

    당신은 스타일-구성 요소로 그것을 통해 스타일을 주입 래퍼 / 컨테이너 클래스 이름을 제공해야합니다 :

    const SignupForm = ({ className }) => (
      <form className={className}>
        <input className="input" />
        <button className="button">Button</button>
      </form>
    );
    
    const Form = styled(SignupForm)`
      .input {
        background-color: palegreen;
      }
    
      .button {
        background-color: palevioletred;
      }
    `;
    

  2. from https://stackoverflow.com/questions/59756648/add-classes-to-styled-component by cc-by-sa and MIT license