강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

blue star님의 프로필 이미지
blue star

작성한 질문수

만들면서 배우는 리액트 : 기초

(ReactDOM.render에서 에러가 난다면? 강의노트 필수 참고) 5 리액트 맛보기

console 경고

작성

·

343

1

경고: ReactDOM.render는 React 18에서 더 이상 지원되지 않습니다. 대신 createRoot를 사용하세요. 새 API로 전환할 때까지 앱은 React 17을 실행하는 것처럼 작동합니다.

이런경고가 있는데 어찌 해야하는지요?

답변 1

1

진유림님의 프로필 이미지
진유림
지식공유자

리액트 18버전부터 문법이 바뀌었어요,

요렇게 고쳐주시면 됩니다.

const 여기다가그려 = document.querySelector("#app");

ReactDOM.render(catItem, 여기다가그려); // 리액트17
ReactDOM.createRoot(여기다가그려).render(catItem); // 리액트18

덕분에 강의노트도 업뎃 해놨습니다 ㅎㅎ

 

https://17.reactjs.org/docs/concurrent-mode-reference.html#createroot

blue star님의 프로필 이미지
blue star

작성한 질문수

질문하기