React中Portals与错误边界处理怎么实现
导读:本文共2721.5字符,通常情况下阅读需要9分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: Portals可以说是 插槽,但 不同于 Vue 中的 slot,它指的是将一个 React 元素渲染到指定的容器 (真实 DOM) 中比如说,Modal 组件一般默认直接作为 body 的真实结构的子元素渲染出来,那么我们就可以借助 ReactDOM.createPortal(ReactElement, RealDOM container) 创建一个 Reac... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。React 中的事件其实是经过包装的
它的事件冒泡是根据虚拟 DOM 树的结构来冒泡的,而不是真实 DOM 树的冒泡机制
静态方法,所以不能使用 this
此函数返回值 (对象) 会与 state 混合覆盖状态
触发时间点为:渲染子组件发生错误后,在更新页面之前
只有子组件渲染发生错误,才会触发 (即自身组件发生错误或其兄弟组件、父组件发生错误均不会触发)
是个实例方法
运行时机在渲染子组件发生错误后,且页面更新之后 (更改状态会导致组件树卸载完之后又重新构建组件树,比较浪费效率)
通常该函数用于往后台传递并记录错误信息
本文:
React中Portals与错误边界处理怎么实现的详细内容,希望对您有所帮助,信息来源于网络。