코드 1-41 수정

landvibe · Jun 14, 2019 · b096e91 · b096e91
1 parent 97ae56a
commit b096e91
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/1-chapter/6-css-test/src/Box4-1.js b/1-chapter/6-css-test/src/Box4-1.js
@@ -5,10 +5,11 @@ const BoxCommon = styled.div`
   height: 50px;
   background-color: #aaaaaa;
 `;
-const BoxBig = BoxCommon.extend`
+// styled-components 버전이 올라가면서 책에서 사용한 extend 함수가 styled 함수로 변경됐습니다.
+const BoxBig = styled(BoxCommon)`
   width: 200px;
 `;
-const BoxSmall = BoxCommon.extend`
+const BoxSmall = styled(BoxCommon)`
   width: 100px;
 `;