当前位置: 首页 > 面试题库 >

你有用过React的插槽(Portals)吗?怎么用?

蓝星辰
2023-03-14
本文向大家介绍你有用过React的插槽(Portals)吗?怎么用?相关面试题,主要包含被问及你有用过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组件里的模态框,就是这样实现的。

 类似资料:
  • 本文向大家介绍你有用过预渲染技术吗?怎么做的?相关面试题,主要包含被问及你有用过预渲染技术吗?怎么做的?时的应答技巧和注意事项,需要的朋友参考一下 预渲染的核心是使用 prerender-spa-plugin new PrerenderSPAPlugin({ staticDir: path.join(__dirname, 'dist'), routes: [ '/', '/home', '/inf

  • 本文向大家介绍React中你有使用过getDefaultProps吗?它有什么作用?相关面试题,主要包含被问及React中你有使用过getDefaultProps吗?它有什么作用?时的应答技巧和注意事项,需要的朋友参考一下 [react] React中你有使用过getDefaultProps吗?它有什么作用?

  • 本文向大家介绍在React中你有遇到过安全问题吗?怎么解决?相关面试题,主要包含被问及在React中你有遇到过安全问题吗?怎么解决?时的应答技巧和注意事项,需要的朋友参考一下 预防xss攻击

  • 本文向大家介绍你有写过vuex中store的插件吗?相关面试题,主要包含被问及你有写过vuex中store的插件吗?时的应答技巧和注意事项,需要的朋友参考一下 的 接受 选项,这个选项暴露出每次 的钩子。 插件就是一个函数,它接收 作为唯一参数: 然后像这样使用: 官方文档

  • 本文向大家介绍你有用过React.Fragment吗?说说它有什么用途?相关面试题,主要包含被问及你有用过React.Fragment吗?说说它有什么用途?时的应答技巧和注意事项,需要的朋友参考一下 So we don't need put a useless div into the DOM. Alse we can set the key in .

  • 本文向大家介绍你有用过webRTC吗?它有什么运用场景?相关面试题,主要包含被问及你有用过webRTC吗?它有什么运用场景?时的应答技巧和注意事项,需要的朋友参考一下 WebRTC代表“Web实时通信”。这基本上允许在浏览器中进行语音、视频聊天和P2P共享(实时通信) 实际应用的要求来源https://www.zhihu.com/question/25497090/answer/43395462