더북(TheBook)

이제 이 컴포넌트를 App 컴포넌트에서 보여 줍시다.

App.js

import React, { Component } from 'react';
import StyledComponent from './StyledComponent';
 
class App extends Component {
  render() {
    return (
      <div>
        <StyledComponent />
      </div>
    );
  }
}
 
export default App;

 

저장하고 다음과 같이 두 가지 버튼이 나타나는지 확인하세요.

▲ 그림 9-7 styled-components

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.