CodePen에서 React를 어떻게 쓸까?
Problem
- Codepen에서 React를 사용하고 싶다면 어떻게 해야 할까?
Solution
- React, React-dom을 import 받는다.
- React, React-dom을 import 받는다.
-
Pen Settings => Add External Scripts/Pens => react, react-dom 검색해서 추가
-
Pen Settings => JavaScript Preprocessor => Babel로 설정
ex) 예시 코드
// index.html
<div id="root"></div>// index.js
ReactDOM.render(
<div>test</div>,
document.getElementById("root")
)- 결과 : 잘 뜨는 것을 확인할 수 있어요!
참고링크
Author And Source
이 문제에 관하여(CodePen에서 React를 어떻게 쓸까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@39ghwjd/CodePen에서-React를-어떻게-쓸까
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Author And Source
이 문제에 관하여(CodePen에서 React를 어떻게 쓸까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@39ghwjd/CodePen에서-React를-어떻게-쓸까저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
