4장 128페이지에서 막힘니다..

[heybong]

install styled-components 에서 버튼 생성시에
130페이지 소스대로 했는데 다음과 같은 오류가.. components 가 잘못 설치된 걸까요?
도움좀 부탁 드립니다. 여기서 막히니 다음 페이지에서도 계속 막힐듯 하여서요..

----- 오류 메세지----
C:/react/react-native-style/src/App.js
SyntaxError: C:\react\react-native-style\src\App.js: Unterminated string constant. (5:29)

3 | import Button from './components/Button';
4 |

5 | const Container = styled.View'
| ^
6 | flex: 1;
7 | background-color: #ffffff;
8 | align-items: center;
----- 오류 여까지 ----

1. App.js 소스
   import React from 'react';
   import styled from 'styled-components/native';
   import Button from './components/Button';
   const Container = styled.View'
   flex: 1;
   background-color: #ffffff;
   align-items: center;
   justify-content: center;
   ';

const App=()=> {
return (




);
};

export default App;

2. Button.js 소스
   import React from 'react';
   import styled from 'styled-components/native';

const ButtonContainer = styled.TouchableOpacity'
background-color: #9b59b6;
border-radius: 15px;
padding: 15px 40px;
margin: 10px 0px;
justify-content: center;
';
const Title=styled.Text'
font-size: 20px;
font-weight: 600;
color: #fff;
';
const Button = props => {
return (

<Title>{props.title}</Title>

);
};

export default Button;

[Alchemist85K]

안녕하세요 @heybong

질문을 할떄는 되도록 깃헙에 코드를 올리고 링크를 남겨주세요
코드 복사-붙여넣기로는 확인이 어려운 경우가 많이 있습니다.

현재 복시-붙여넣기로 적어준 코드에는 큰 문제가 보이지 않습니다.
다만, 스타일드 컴포넌트를 사용할 때, 작은따옴표를 사용한듯 한데 맞나요?
예를 들어, styled.View 뒤에 작은 따옴표를 이용했나요?
스타일드 컴포넌트에서는 백틷(`)을 이용해야 합니다.
(관련된 설명은 책 128페이지에 있습니다)
스타일드 컴포넌트를 사용할때 작은 따옴표를 사용한 부분을 백틱으로 변경해보세요

[heybong]

감사합니다.
소스때문에 안보여서 수정하려 했더니 수정모드에서는 다 보여서.
다음부터는 파일올리고 링크로 하겠습니다.
말씀대로 싱글 쿼테이션 마크 입니다.
빠른답변 정말 감사 드려요~~