小别致真东西
文章77
标签31
分类26
React Poratls --传送门

React Poratls --传送门

在项目中常常会需要对话框、下拉列表、悬浮窗等交互的组件,当在父组件中使用一个下拉列表的时候,父组件的大小是固定的、同时还有一些overflow: hidden;子组件想要完全展示就变得比较困难,或者不能完全展示、或者阴影被父组件overflow给hidden掉了,同时在用overflow去清除浮动的影响的时候也要考虑到副作用,当元素比较多或者内容比较大的时候会不会被截断的问题。这个当想让子元素的层级最高而且不用被父元素给截断的时候就需要一个容器或者元素能够脱离父组件,至少从视觉上就得脱离父组件的影响。

Portals 是 react 16 官方提供的解决方案, 使得组件可以脱离父组件从而挂载在页面的任何地方。

在做组件层级的时候 应用的skill
文档

本文作者:小别致真东西
本文链接:https://heiliu.github.io/2019/10/22/react_Portal/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可