React 18中ReactDOM.render弃用警告未解决，求助正确方案

问题原因 #

你虽尝试导入了react-dom/client，但仍在使用旧版render API，React 18已废弃该方法，必须改用createRoot API才能消除警告并启用React 18的新特性。

正确代码实现 #

替换现有代码为以下内容：

import React from "react";
import { createRoot } from "react-dom/client";

const element = <h1>Hello world</h1>;
// 获取页面中的root容器
const root = createRoot(document.getElementById('root'));
// 使用根实例的render方法渲染组件
root.render(element);

关键修改点 #

• 移除错误的import { ReactDOM } from "react"和import { render } from "react-dom"，改为导入createRoot
• 通过createRoot创建根容器实例，再调用该实例的render方法，而非直接调用全局render函数

内容的提问来源于stack exchange，提问作者Emmanuel Riri