反对意见:在React 18中不再支持ReactDOM.render。
反对意见:在React 18中不再支持ReactDOM.render。
提问于 2022-03-29 20:11:46
每当我创建一个新的React应用程序时，我都会得到这个错误：
警告:在React 18中不再支持ReactDOM.render。请改用createRoot。在您切换到新的API之前，您的应用程序将表现得好像它正在运行Reactive17。
我怎么才能修好它？
我使用以下方法创建了自己的React应用程序：
npx create-react-app my-app回答 14
Stack Overflow用户
回答已采纳
发布于 2022-03-29 20:29:10
在您的文件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();打字本
信用来自评论部分下面回答：基邦吉·墨菲
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") as HTMLElement);
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
reportWebVitals();Stack Overflow用户
发布于 2022-03-31 02:42:14
2022年3月29日发运。ReactDOM.render已在React 18中被废弃，目前发出警告并以兼容模式运行。
贬义词
react-dom__ReactDOM.render遭到了反对。使用它将警告并以React 17模式运行您的应用程序。react-dom：ReactDOM.hydrate已经被否决了。使用它将警告和运行您的应用程序的反应17模式。react-dom：ReactDOM.unmountComponentAtNode已经被否决了。react-dom：ReactDOM.renderSubtreeIntoContainer已经被否决了。react-dom/server：ReactDOMServer.renderToNodeStream已经被否决了。
要解决这个问题，您可以恢复到以前版本的React，也可以更新index.js文件，使其与React 18语法保持一致。
示例：
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App";
const rootElement = document.getElementById("root");
const root = createRoot(rootElement);
root.render(
<StrictMode>
<App />
</StrictMode>
);Stack Overflow用户
发布于 2022-04-25 03:18:19
而不是：
import ReactDOM from 'react-dom'
ReactDom.render(<h1>Your App</h1>, document.getElementById('root'))使用：
import { createRoot } from 'react-dom/client'
createRoot(document.getElementById('root')).render(<h1>Your App</h1>)更多细节这里
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71668256
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号