React创建项目出现ReactDOM.render is no longer supported in React 18警告，index.js修改

当你第一次安装 React 18 时，你会在控制台中看到一个警告：

因为在 React 18 中，ReactDOM.render 被废弃，当前发出警告，并以兼容模式运行。
只需要更改index.js文件即可
改成下面这样警告就会消失:

import ReactDOM from "react-dom/client";

import App from "./App";

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

---

若本文对你有帮助 点个赞 点个关注

---

废弃的方法还有很多

• react-dom:ReactDOM.render已弃用。使用它会警告并在 React 17 模式下运行您的应用程序。
• react-dom:ReactDOM.hydrate已弃用。使用它会警告并在 React 17 模式下运行您的应用程序。
• react-dom:ReactDOM.unmountComponentAtNode已弃用。
• react-dom:ReactDOM.renderSubtreeIntoContainer已弃用。
• react-dom/server:ReactDOMServer.renderToNodeStream已弃用。

具体参考官网：https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis