举例说明React的插槽有哪些运用场景?

发布于 2021-01-11 17:13:43
关注者
1
被浏览
197
2 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    对于 portal 的一个典型用例是当父组件有 overflow: hidden 或 z-index 样式,但你需要子组件能够在视觉上 “跳出(break out)” 其容器。例如,对话框、hovercards以及提示框。所以一般react组件里的模态框,就是这样实现的

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    我觉得这里的插槽,指的应该是组合组件,而不是portal(传送门),因为对比vue中的插槽,只是父组件在子组件中间加入一系列的内容,然后子组件可以自己判断显示逻辑,所以props.children更符合插槽的定义;
    portal可以将内容插入到除了父节点的dom之外的地方去渲染,所以modal是一个通过portal实现的典型例子;并且对于事件绑定,因为使用了事件冒泡,所以并不用担心被渲染到父组件结构之外的内容,不能去监听事件

推荐阅读
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看