javascript - React 18 不再支持弃用通知 : ReactDOM. 渲染

Question

每次创建新的 React 应用程序时都会出现此错误:

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

我该如何解决？
我使用以下方法创建了我的 React 应用程序:

npx create-react-app my-app

Answer 1

在您的文件 index.js 中，更改为:

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";

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

reportWebVitals();