举例说明React的插槽有哪些运用场景?
-
对于 portal 的一个典型用例是当父组件有 overflow: hidden 或 z-index 样式,但你需要子组件能够在视觉上 “跳出(break out)” 其容器。例如,对话框、hovercards以及提示框。所以一般react组件里的模态框,就是这样实现的
-
我觉得这里的插槽,指的应该是组合组件,而不是portal(传送门),因为对比vue中的插槽,只是父组件在子组件中间加入一系列的内容,然后子组件可以自己判断显示逻辑,所以props.children更符合插槽的定义;
portal可以将内容插入到除了父节点的dom之外的地方去渲染,所以modal是一个通过portal实现的典型例子;并且对于事件绑定,因为使用了事件冒泡,所以并不用担心被渲染到父组件结构之外的内容,不能去监听事件
-
举例说明:not()的使用场景有哪些
2021-01-11 关注 0 浏览171 4答案
-
举例说明你对TypedArray的理解,它的运用场景有哪些?
2021-01-11 关注 0 浏览168 1答案
-
举例说明Symbol.hasInstance有什么运用场景?
2021-01-11 关注 0 浏览253 1答案
-
举例说明Shadow DOM的应用场景有哪些?
2021-01-11 关注 0 浏览131 2答案
-
举例说明BFC有什么应用场景
2021-01-11 关注 0 浏览158 3答案
-
说说你对accesskey的理解,举例说明它有什么运用场景?
2021-01-11 关注 0 浏览217 3答案
-
举例说明attr()的使用场景
2021-01-11 关注 0 浏览122 2答案
-
举例说明with属性的fill-available有什么应用场景?
2021-01-11 关注 0 浏览86 2答案
-
请举例说明width:fit-conten有什么使用场景
2021-01-11 关注 0 浏览115 2答案
-
举例说明你对HTML5的ruby标签的理解,都有哪些应用场景?
2021-01-11 关注 0 浏览257 3答案