[react] 你有用过React的插槽(Portals)吗?怎么用?
1、首先简单的介绍下react中的插槽(Portals),通过ReactDOM.createPortal(child, container)
创建,是ReactDOM提供的接口,可以实现将子节点渲染到父组件DOM层次结构之外的DOM节点。
2、第一个参数(child)是任何可渲染的 React 子元素,例如一个元素,字符串或 片段(fragment)。第二个参数(container)则是一个 DOM 元素。
3、对于 portal 的一个典型用例是当父组件有 overflow: hidden 或 z-index 样式,但你需要子组件能够在视觉上 “跳出(break out)” 其容器。例如,对话框、hovercards以及提示框。所以一般react组件里的模态框,就是这样实现的。
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题