리엑트 가져오기 부분 헷갈렸어요
1046
작성한 질문수 1
답변 3
1
소플선생님 저도 왜안되나 해서 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
안녕하세요, 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
136
1
이거 왜 존재하지 않는다고 뜨는건가요
0
151
1
존재하지 않는 수업이라고 떠요
0
198
1
안드로이드 에뮬레이터 오류
0
115
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
143
1
prevIsConfiromed 질문
1
157
2
chapter14 잘이해가 되지않습니다..
1
150
2
2025년 3월 리액트버전
1
218
2
npm 설치 오류
1
199
1
chapter_07 콘솔로그 질문드려요~!
1
140
2
안녕하세요 미니블로그 실습 질문드립니다.
1
192
3
에러가 떠요
1
231
3
Chapter6 질문 드립니다
1
221
2
실습 코드 있을까요?
1
220
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
250
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
323
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
151
1
버튼이 안 뜹니다
0
314
2
npx create-react-app my-app
1
482
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
390
3
Chapter_05 터미널, 리액트 에러
0
203
2
npx create-react-app my-app 명령어 반응없음
1
440
3
import 코드 에러
1
218
1
백틱
1
127
1