报错:
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()
就可以卸载了