List and Key
496
작성한 질문수 3
실습을 하고 전부 확인을 해보니 warning이 하나가 남아있는데 이건 아무리 잡아도 사라지지를 않아서 질문 남겨봅니다..png "React App - Chrome 2022-12-29 오후 9_56_39 (2).png")
답변 1
0
안녕하세요, 소플입니다.
ReactDOM.render는 리액트 버전17에서 사용하던 방식인데,
리액트 버전18에서 해당 방식을 사용하면 질문해주신 것과 같은 warning이 뜨게 됩니다.
warning을 없애려면 아래와 같이 ReactDOM.createRoot를 사용하는 형태로 고쳐주시면 됩니다.
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import Blocks from './chapter_15/Blocks';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<Blocks />
</React.StrictMode>
);
'처음 만난 리액트' 강의는 리액트 버전17을 기준으로 제작되었으며,
리액트 버전18 기준 실습코드는 아래 링크를 참고하시면 됩니다!
강의가 삭제되었다고 합니다
0
112
1
이거 왜 존재하지 않는다고 뜨는건가요
0
140
1
존재하지 않는 수업이라고 떠요
0
186
1
안드로이드 에뮬레이터 오류
0
102
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
133
1
prevIsConfiromed 질문
1
144
2
chapter14 잘이해가 되지않습니다..
1
137
2
2025년 3월 리액트버전
1
206
2
npm 설치 오류
1
181
1
chapter_07 콘솔로그 질문드려요~!
1
129
2
안녕하세요 미니블로그 실습 질문드립니다.
1
181
3
에러가 떠요
1
220
3
Chapter6 질문 드립니다
1
211
2
실습 코드 있을까요?
1
209
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
235
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
311
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
144
1
버튼이 안 뜹니다
0
305
2
npx create-react-app my-app
1
474
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
378
3
Chapter_05 터미널, 리액트 에러
0
196
2
npx create-react-app my-app 명령어 반응없음
1
435
3
import 코드 에러
1
216
1
백틱
1
123
1