首页 前端知识 使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案

使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案

2024-04-23 21:04:46 前端知识 前端哥 79 919 我要收藏

报错:

Warning: unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. Instead, have the parent component update its state and rerender in order to remove this component.

Warning: You are calling ReactDOM.unmountComponentAtNode() on a > container that was previously passed to ReactDOMClient.createRoot(). > This is not supported. Did you mean to call root.unmount()?

翻译:

警告:unmountComponentAtNode():您试图卸载的节点由React渲染,不是顶级容器。相反,请父组件更新其状态并重新读取,以便删除此组件。
警告:您正在调用ReactDOM。在之前传递给ReactDOMClient.createRoot()的>容器上卸载ComponentAtNode()。>这不受支持。你是想调用root.unmount()吗?

告诉你使用createRoot()方法创建的react组件不能被ReactDOM.unmountComponentAtNode()方法直接卸载,下面是要进行卸载的组件

1.导出root

const container = document.getElementById('root')
const root = createRoot(container)
export default root

2.执行

//在要执行卸载的组件的方法中执行这个方法
root.unmount()

就可以卸载了

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5870.html
标签
react.js
评论
发布的文章

【Java】JSONArray详解

2024-04-30 12:04:14

Unity——LitJSON的安装

2024-04-30 12:04:06

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!