프론트엔드 센트럴파크 (☞゚ヮ゚)☞

ReactDom.render 오류 본문

React

ReactDom.render 오류

자라나라나무나무나 2022. 4. 5. 18:15

콘솔창

react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: 
https://reactjs.org/link/switch-to-createroot

 

리액트18에서는 ReactDom.render 가 아닌 createRoot를 사용해야 한다.

 

기존 코드(index.js)

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

 

변경한 코드

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);

'React' 카테고리의 다른 글

Each child in a list should have a unique "key" prop. 에러  (0) 2022.04.06
Comments