反应中门户指的是什么意思

这篇文章主要介绍反应中门户指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

反应中门户是提供了一种很好的将子节点渲染到父组件外部DOM层级中DOM的节点中的方式,语法为【ReactDOM。createPortal(孩子,容器)】。

<代码>门户>

语法:

ReactDOM。createPortal(孩子,容器)

第一个参数(孩子)是任意可渲染的反应子元素,例如一个元素,字符串或片断第。二个参数(容器)是一个DOM元素。

通常从组件的提供方法中返回的一个元素,该元素仅能装配到DOM节点中离其最近的父元素,但有时候也需要将其插入到DOM节点中的不同位置:

渲染(){//不反应会创建新div的。他渲染子元素到“domNode”中。//癲omNode”可以是任意有效的DOM节点,无论他在DOM中的位置如何。 　　返回ReactDOM.createPortal ( 　　this.props.children, 　　domNode。 　　); 　　}

对于门户的一个典型用例是当父组件有<代码>溢出:隐藏或<代码> z - index 样式时你需要其子组件能够在视觉上跳出其容器。例如,对话框,hovercards以及提示框。

以上是反应中门户指的是什么意思的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

反应中门户指的是什么意思