-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
리엑트 가져오기 부분 헷갈렸어요
22.06.08 00:34 작성 조회수 874
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>
복붙하세요
답변을 작성해보세요.
1
유승호
2022.09.05
소플선생님 저도 왜안되나 해서 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
안녕하세요, 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
답변 3