react和javascript,react reconciler
首先什么是Protals？
Protal为位于父组件之外的DOM节点渲染子节点提供了良好的方案1。 第一个参数" child "是可渲染的React子元素，例如一个元素，字符串" fragment2"，第二个参数" container "是DOM元素。 这是因为渲染的内容默认挂载在id上
例如，您将开发一个在屏幕中央渲染子组件的模型组件。 首先，在index.html中重新定义div
div id='modal'/div为它写样式
#modal{ position: absolute； width: 200px； height: 200px； background-color: red； left: 50%； top: 50%； transform:translate(-50%、-50%； 通过ReactDOM.createPortal实现
输入响应， from ' react ' importreactdomfrom ' react-DOM ' classmodalextendspurecomponent { render } { returnreactdom } document.getelementbyid { ' modal ' } classhomeextendspurecomponent { render } return { divh 2home/H2 modal H2 title } expore
结果如图所示，不在根节点root上