index.js 코드 질문!!
497
작성한 질문수 0
안녕하세요 코드 작성을 그대로 진행했는데 잘 안되서
시행착오를 겪고 아래 코드로 진행을 했는데 잘 되서요.
이 코드로 작성해도 되는지 확인 부탁드립니다.
index.js
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<Library />
</React.StrictMode>
);
답변 1
1
안녕하세요, 강유현님.
질문에 첨부해주신 코드를 사용하시면 됩니다.
해당 부분은 아래와 같이 React v18에서 바뀐 부분인데,
제 강의의 코드는 React v17을 기준으로 작성되었기 때문에 아마 잘 안되셨을 것 같습니다.
// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);
// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App tab="home" />);
아래 링크를 참고하시면 도움이 되실 것 같습니다!
https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis
강의가 삭제되었다고 합니다
0
134
1
이거 왜 존재하지 않는다고 뜨는건가요
0
151
1
존재하지 않는 수업이라고 떠요
0
197
1
안드로이드 에뮬레이터 오류
0
114
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
143
1
prevIsConfiromed 질문
1
156
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
219
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
250
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
322
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
151
1
버튼이 안 뜹니다
0
313
2
npx create-react-app my-app
1
478
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
388
3
Chapter_05 터미널, 리액트 에러
0
201
2
npx create-react-app my-app 명령어 반응없음
1
440
3
import 코드 에러
1
217
1
백틱
1
126
1