React门户弹出DOM错误版本^1.9.3

Question

我目前正在使用"react portal popout"："1.9.3〃；，当我弹出它时，会出现以下错误消息。

"警告：React 18不再支持ReactDOM.reder。请改用createRoot。直到你切换到新的API，你的应用程序将表现得好像它正在运行React 17；

此外，在我自己的"index.js"文件中，我已经将"index.js"文件的DOM版本更改为18，只有当我使用弹出库时才会出现这些错误。

有什么方法可以解决这个错误吗？

Answer 1

与React18相比，react在创建根元素时有一些不同的结构。您需要更改您的index.js文件，如下所示；

import React from 'react';
import ReactDOM from 'react-dom/client';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);