-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
JSX와 바벨(babel) 질문
19.10.01 11:43 작성 조회수 382
0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>React</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script text="text/babel">
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = {
liked: false
};
}
render() {
return <button type="submit" onClick={() => {this.setState({ liked:true })}}>
{this.state.liked === true ? 'liked' : 'like'}
</button>;
}
}
</script>
<script text="text/babel">
ReactDOM.render( <LikeButton />, document.querySelector('#root') );
</script>
</body>
</html>
질문이 있습니다. 여기에서 강의 들은대로 작성을 하였는데
Uncaught SyntaxError: Unexpected token '<'
index.html:32 Uncaught SyntaxError: Unexpected token '<'
이러한 에러가 나옵니다.... 에러를 해결하고싶습니다..
답변을 작성해보세요.
0
답변 1