React 确认警报库显示“警告：React 18 不再支持 ReactDOM.render”。 [重复]

Question

我正在尝试使用 react-confirm-alert 库来实现 确认对话框。但是，当打开反应版本升级的确认弹出窗口时，它给了我一个警告。 “警告：React 18 中不再支持 ReactDOM.render。请改用 createRoot。在切换到新 API 之前，您的应用程序的行为就像运行 React 17 一样。”有什么办法可以去掉这个警告吗

Answer 1

或许你的答案一定是：

在索引文件中尝试一下：

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

const rootElement = document.getElementById("root");
const root = ReactDOM.createRoot(rootElement);

root.render(
        <App />
        );

这适用于最新的反应版本。

Answer 2

试试这个：

import ReactDOM from 'react-dom/client';

然后

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);

会起作用的