이제 이 컴포넌트를 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