인프런 커뮤니티 질문&답변
작성한 질문수
리엑트 가져오기 부분 헷갈렸어요
22.06.08 00:34 작성
·
940
0
<script
src="https://unpkg.com/react@18/umd/react.development.js"
crossorigin
></script>
<script
src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"
crossorigin
></script>
복붙하세요
답변 3
1
2022. 09. 05. 21:52
소플선생님 저도 왜안되나 해서 body 코드를 복붙해봤는데 작동이 되네요
여기가 오타였네요 <script src="https://unpkg.com/react@17-dom/umd/react-dom.development.js" crossorigin></script>
그런데 이번엔 버튼 글자가 안바낌니다
코드는
function MyButton(props){
const [isClicked,setIsClicked] = React.useState(false);
return React.createElement(
'button',
{onclick: () => setIsClicked(true)},
isClicked ? 'Clicked!':'click here!'
)
}
const domContainer = document.querySelector('#root');
ReactDOM.render(React.createElement(MyButton), domContainer);이와 같습니다 뭐가 문제일까요
1
Inje Lee (소플)
지식공유자
2022. 06. 08. 15:14
안녕하세요, stiger333님.
아래 index.html파일 전체 코드를 올려두었으니, 참고하시기 바랍니다!
<html>
<head>
<title>소플의 블로그</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>소플의 블로그에 오신 여러분을 환영합니다!</h1>
<div id="root"></div>
<!-- 리액트 가져오기 -->
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<!-- 리액트 컴포넌트 가져오기 -->
<script src="MyButton.js"></script>
</body>
</html>0
2022. 09. 05. 23:20
안녕하세요, 유승호님.
혹시 index.html 파일 전체 코드를 올려주실 수 있을까요?