에러가 발생하는데 이유가뭘까요..?

실전 리액트 프로그래밍

리액트 개발 환경 직접 구축하기

작성

275

안녕하세요 강사님

처음부터 따라하려는데 에러가 발생해서 문의드립니다.

제 생각에는 react 를 못읽어 오는것 같은데 다른 문의를 보니까 순서때문이라는데 저는 순서도 맞해서요.

// html

<html>
<body>
<h2>테스트</h2>
<div id="root">
<script src="react.development.js"></script>
<script src="react-dom.development.js"></script>
<script src="simple1.js"></script>
</div>
</body>
</html>

// js

function LikeButton() {
const [liked, setLiked]= React.useState(false)
const text = liked ? "좋아요 취소" : "좋아요";
return React.createElement(
'button',
{ onClick: () => setLiked(!liked) },
text
);
}

const domContainer = document.getElementById('root');
ReactDOM.render(React.createElement(LikeButton), domContainer)